Der Martin: Onmouseover in div- bzw. map-tag

Beitrag lesen

Hallo,

Du solltest es dennoch nicht tun, sondern im Grafikprogramm deiner Wahl aus allen deinen Bildern (inkl. Hintergrundbild, nicht aber die in der Mitte erscheinenden) eins machen. Das ist dann wesentlich kleiner als die Summe der Einzelbilder (in etwa so groß wie das Hintergrundbild vorher schon war) und spart auch HTTP-Abfragen. [PERFORMANCE-BP1] Und du hast alles passgenau.
Dazu eine Frage: Ist es denn möglich, über mehreren hotspots in einem Bild verschiedene onmouseover-Effekte auszuführen?

ja, sicher. Die Javascript-Lösung mit onmouseover-Handler kannst du selbstverständlich auch an die area-Elemente einer Imagemap knüpfen. Nur die reine CSS-Lösung, die ich angedeutet habe, ist dann nicht möglich; dafür wäre es erforderlich, dass das Bild, das zusätzlich erscheinen soll, *Inhalt* bzw. Kindelement des area-Elements wäre. Aber area ist als leeres Element definiert. Es kann also keine Nachfahren haben, die man mit der Pseudoklasse :hover erfassen könnte.

Dann wäre es natürlich einfacher, nur habe ich bisher gedacht, dass ein onmouseover nicht auf einen hotspot, sondern lediglich auf ein ganzes Bild anzuwenden ist?

Dann hast du den Gedanken nicht zu Ende gedacht. ;-)

Ciao,
 Martin

--
Er war ein Mann wie ein Baum. Sie nannten ihn Bonsai.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(