Sponsored Links |
|
||||
@protonenbeschleuniger:
Da der Tooltip anhand des Link-tags ermittelt wo er aufpoppt. Es gibt so wenige Informationen auf der Seite dass es reicht wenn die Infos per Tooltip aufpoppen und keine wirkliche Verlinkung von Nöten ist (also leere Links). Von JS an sich verstehe ich leider zu wenig als dass ich es von grund auf schreiben könnte. Ich verstehe aber genug sodass ich einige Dinge abändern und anpassen kann. Ich würde allerdings trotzdem gerne wissen wie du das mit dem Eventhandler meintest (Neugierig bin ich immer) PS hier das Skript: Code:
$(document).ready(function(){ $(".popup a").hover(function() { $(this).next("div").stop(true, true).animate({opacity: "show", top: "50"}, "slow"); }, function() { $(this).next("div").animate({opacity: "hide", top: "60"}, "fast"); }); }); @uspri: Das ist eine gute Idee, das habe ich so rum noch nicht probiert. Irgendwie probiert man die offensichtlichsten Dinge immer erst zuletzt Das script basiert auf jquery und ist ein nur sehr kleines! Skript. Eine Doku- oder Donwloadseite gibts leider nicht mehr, sondern nur noch die Demo Seite Der Vorteil ist dass es ein <div>-Tag einschliesst und ich somit ein CMS in die <div>-Tags einbauen kann.
__________________
= ♥ .: MacBook Pro Unibody, 2.8 GHz Intel Core 2 Duo, 4 GB 1067 MHz DDR3, NVIDIA GeForce 9400M/9600M GT :. Geändert von pkipper (21.02.2011 um 15:09 Uhr) |
|
||||
So,
Funktionieren tut das ganze zwar jetzt. Allerdings ist das Markup nun ein absoluter Horror!!! Damit es so funktioniert, wie ich es gerne hätte, muss ich zwangsläufig div-tags innerhalb der map schreiben (igitt-igitt!! ). Ich bin mir nicht sicher ob man das anders lösen kann, denn egal was ich bis anhin versucht habe, es hat mir entweder die Site zerfetzt oder es hat schlichtweg aufgehört zu funktionieren... Vielleicht habt Ihr ja ein paar geniale Ideen? Hier eine kleine Testseite die ich für Euch gebastelt habe (Es handelt sich dabei nur um ein Testbild, also bitte keine Comments über Design ). Testseite: Link Validator: Link (Achtung hässlich ) Ich freue mich über jede eurer Ideen. Liebe Grüsse, Phil
__________________
= ♥ .: MacBook Pro Unibody, 2.8 GHz Intel Core 2 Duo, 4 GB 1067 MHz DDR3, NVIDIA GeForce 9400M/9600M GT :. Geändert von pkipper (21.02.2011 um 16:20 Uhr) |
|
||||
Du könntest z.B. in dem alt einen Wert hinterlegen, dann diesen Abfragen beim Hover und ein Div, welches dann außerhalb der Map liegt, damit ansprechen und den Tooltip anstoßen. Müsste ich aber auch erst zusammenbauen. Aber wenn ich das Beispiel so sehe, dann frage ich mich, warum das eine Imagemap sein muss? Du kannst doch das Bild in einem Container hinterlegen, dann die Links da mittels display:block; und position:absolute; drüberlegen und entsprechend ausrichten, schon kannste das alles so belassen, wie es ist.
|
|
||||
Hi uspri,
hört sich fantastisch komplex an Werde wohl noch einiges daran basteln... Was den Image Map angeht so gibt es viele Elemente im Bild welche Schrägen oder Überlappungen mit sich bringen. Dementsprechend ist die Lösung mit den positionierten Containern leider nicht umsetzbar. (War überigens auch meine erste SEHR EINFACHE Lösung... Bis der Kunde meinte dass er es gar nicht toll fände wie "ungenau" die Links seien )
__________________
= ♥ .: MacBook Pro Unibody, 2.8 GHz Intel Core 2 Duo, 4 GB 1067 MHz DDR3, NVIDIA GeForce 9400M/9600M GT :. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
einfache Image Map mit CSS?!? | heiko0610 | CSS | 1 | 11.12.2008 09:00 |
IMAGE MAP mit Zoom Ansicht funktioniert nicht... Hat jemand eine Idee? | fromthemoon | CSS | 2 | 21.05.2008 23:30 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 15:06 |
CSS Image Gallery & JavaScript | Stalafin | CSS | 1 | 18.09.2006 09:51 |