• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Imagemap Problem!

Nikita

Mitglied
Hey liebe Leute,

ich habe da folgendes Problem:
Ich hab eine Imagemap erstellt und nun möchte ich, dass wenn man über einen Punkt mit der Maus fährt, sich ein kleines Fenster mit Text dazu öffnen, ähnlich wie bei googlemaps.
jedoch hatte ich gehofft dass das vielleicht ohne javascript geht? ist das möglich? und wenn nich, was muss ich tun damit es geht? =)

hier mal ein Auschnitt aus meinem code:

html:
HTML:
<map id="imgmap2012518131317" name="imgmap2012518131317">
  <area id="div1" shape="rect" alt="" title="88316 Isny-Neutrauchburg, Argental-Klinik, Fortbildungszentrum(FBZ)" coords="106,412,118,425" href="" target="" />
    <div class="info1">
Argental-Klinik, Fortbildungszentrum(FBZ)
<br>
88316 Isny-Neutrauchburg
  </div>

css:
Code:
#div1:hover .info1{display:block!important;width:150px; height:150px; border:1px solid #000; padding:10px;position:absolute; z-index:10;}
.info1 {display: none;}

danke schonmal für eure Hilfe =)
eure Niki
 
Mit einer HTML-ImageMap geht das auch nicht. Innerhalb von area-Elementen kann man nichts weiter einfügen. Wenn Du das auf purem CSS aufbauen willst, dann verwende keine HTML-ImageMap sondern bau dir die anzuzeigenden Links selbst zusammen. Beispiel:
CSS image rollover map · Tankedup-Imaging

Damit kannst Du dann auch per hover-Pseudoklasse einblendende Elemente einbauen.
 
Zurück
Oben