Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Die Website Homepage-FAQs.de befindet sich im Archivmodus.
FAQS zu HP&Co.
Imagemap mit Mouseover-Effekt (z.B. für Landkarten)

Bei der Suche bin ich auf interessante CSS-Mouseover gestossen

http://www.cssplay.co.uk/menu/old_master

http://green-beast.com/experiments/css_map_pop.php

http://www.frankmanno.com/ideas/css-imagemap/

hierbei erscheint, auch ohne Javascript, daneben eine Vergrösserung oder zusätzliche Bilder und/oder Infos.

Eine Anregung zur Umsetzung für Landkarten-Mousesover-Imagemaps gibts hier im Selfhtml-Forum unter

http://forum.de.selfhtml.org/archiv/...22694/#m789312

Ein Tipp von Rokks:

Karte für ein Browserspiel mit einem Lupeneffekt versehen, wo sich die einzelnen Punkte visuell hervorheben.

<map name="##zuordungsname##"
onmouseover="javascript:document.getElementById('lupe').innerHTML ='##hier habe ich in einem gesonderten Feld zB Koordinaten##'"
onmouseout="javascript:document.getElementById('lupe').innerHTML =''##feld wieder leeren##"
ondblclick="##geschehniss bei einem Doppelklick##''">
<area shape="poly" class="cursor_point" coords="##areakoordinaten##"
onclick="##geschehniss bei einem Klick##"
onmouseover="##Bildpfad zu dem mousover##"
onmouseout="##Bildpfad zu dem mousout##">
</map>

Anmerkung: Die Texte bei ##....## sind Hinweise und müssen durch entsprechende Angaben ersetzt werden.

Selber habe ich damit noch keine Erfahrung.


Anleitung (C) 2008 Daniel Wurst - http://www.homepage-faqs.de