Auf der Suche nach dem kompaktesten Rollover

[19. Januar 2004: Ernüchterndes Fazit zwei Monate später: Kein einziger konstruktiver Vorschlag aus der Leserschaft. Ein Vorschlag, die Rollovers mit CSS zu lösen, statt mit JS -- das wars. Schwache Vorstellung.]

An sich ist JavaScript ja was feines, nur an der Implementierung krankt es. Konkret: Die meisten Sicherheitslöcher des MSIE lassen sich nur dadurch ausschalten, indem man Active Scripting komplett deaktiviert. Jetzt will der Himmelein, inkonsequenter Hund der er ist, ein Rollover in eine Webseite einbauen.

Ein Blick in den von Dreamweaver generierten Rollover-Code reicht, um die störrischste Morgenlatte zu entkräften. Das muss doch weniger hässlich gehen -- meinetwegen auch weniger universell einsatzfähig, Hauptsache elegant. Hier also die Frage: Wer hat den schönsten Rollover-Code parat?

Die Kriterien:

• kompakter, einfach an eigene Bedürfnis anpassbarer Code.
• mit Preload der Bilder.
• mit möglichst vielen Browsern kompatibel oder zumindest tolerant.
• zwei Stadien reichen (Zeiger über Bild, Zeiger aus dem Bild, also "hover" und "off").

Gesucht wird nicht: ein Rollover-Generator, der ein obszönes Code-Monster ausspuckt. Etwas kleines, kompaktes, kompatibles und elegantes. Gefunden oder selbstgeschrieben -- ist mir egal. Wenn sich herausstellen sollte, dass FrontPage den besten aller Rollover-Codes erzeugt, dann soll es so sein. Derzeitiger Favorit: das Skript von Daniel Nolan (das allerdings noch einige Schönheitsfehler aufweist).

This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document.
http://www.bleedingego.co.uk/code/js/rollover/

Es gibt auch bereits eine nette Erweiterung mit drei Stadien, von Daniel Bondard. Aber vielleicht kann das ja jemand besser?