✔ CSS Tooltip mit Image-Maps

[Sprint]

Hallo,

ich bin aktuell auf der Suche nach einem Tooltip Ersatz mit CSS. Natürlich gibt es tausende davon, aber die arbeiten alle nur mit "normalen" <a> Links. Ich brauche das aber für eine Image-Map, die obendrein nur aus Kreisen und Polygonen aufgebaut ist. Momentag behelfe ich mich mit dem normalen title, aber das ist optisch und verzögerungsmäßig kein Ersatz.
Hat jemand eine Lösung / Tutorial für mich?

 

[Chumper]

du musst einfach nur anstatt den a-Selektor den Selektor für die imagemap nehmen.

zum Beispiel hier:
http://psacake.com/web/jl.asp

da nimmst du statt "a" einfach das "map"-Attribut.

ist im Grunde genommen das gleiche, du musst nur ein wenig experimentieren.

Ansonsten musst du zusätzlich noch zu Javascript greifen.

 

[Maik]

Moin,

schau dir mal diese Beispiele an, die eine "Image-Map" simulieren:

• http://www.cssplay.co.uk/menu/imap
• http://www.cssplay.co.uk/menu/old_master
• http://www.cssplay.co.uk/menu/solar_map

Wenn du die traditionelle Image-Map einsetzen willst, kommst du um den Einsatz von JS nicht herum: http://www.walterzorn.de/tooltip/tooltip.htm

@Chumper: Wenn, dann müßte das <area>-Element genutzt werden, nur lässt sich darauf kein CSS-Tooltip anwenden.

mfg Maik

 

[Sprint]

Moin,

schau dir mal diese Beispiele an, die eine "Image-Map" simulieren:

• http://www.cssplay.co.uk/menu/imap
• http://www.cssplay.co.uk/menu/old_master
• http://www.cssplay.co.uk/menu/solar_map

Wenn du die traditionelle Image-Map einsetzen willst, kommst du um den Einsatz von JS nicht herum: http://www.walterzorn.de/tooltip/tooltip.htm

@Chumper: Wenn, dann müßte das <area>-Element genutzt werden, nur lässt sich darauf kein CSS-Tooltip anwenden.

mfg Maik

Die Scripte vom Stu hatte ich auch schon gesehen, war aber alles nicht das passende. Auch wenn ich es vermeiden wollte, hab ich dann doch die JS Lösung genommen. Funktionierte auf Anhieb und für die JS Verweigerer bleibt immer noch das title.

Danke für den Tip und allen ein schönes EW,
Sprint