CSS Grafiklink Mouseover
aurelius
- css
Hallo,
ich bin am Verzweifeln... bin gerade dabei eine eBay-Seite zu erstellen und habe mit dem onMouseover ein Problem.
Hier eine Webseite, die zeigt wie es aussehen soll/kann:
http://www.web-toolbox.net/webtoolbox/bilder/01-bildvorschau/bildvorschau02.htm
Leider wird auf dieser Webseite Java-Script verwendet und damit hat eBay ein Problem, also soll das onMouseover auf HTML/CSS basieren.
Bisher habe ich nur wenig Erfolg, zwar funktioniert das ganze, jedoch nicht im IE:
HTML:
<IMG name=moni src=".../Bild0.jpg" height=270>
<IMG onMouseOver="moni.src='.../Bild1.jpg';"src=".../Bild1.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild2.jpg';"src=".../Bild2.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild3.jpg';"src=".../Bild3.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild4.jpg';"src=".../Bild4.jpg" width=60 height=45>
Hi,
Leider wird auf dieser Webseite Java-Script verwendet und damit hat eBay ein Problem, also soll das onMouseover auf HTML/CSS basieren.
und warum verwendest du dann doch wieder Javascript?
<IMG name=moni src=".../Bild0.jpg" height=270>
<IMG onMouseOver="moni.src='.../Bild1.jpg';"src=".../Bild1.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild2.jpg';"src=".../Bild2.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild3.jpg';"src=".../Bild3.jpg" width=60 height=45>
<IMG onMouseOver="moni.src='.../Bild4.jpg';"src=".../Bild4.jpg" width=60 height=45>
Vorweg: Tag- und Attributnamen gehören konsequent kleingeschrieben, und Attributwerte sollten in Anführungszeichen stehen - auch wenn HTML teilweise erlaubt, die Anführungszeichen wegzulassen. Außerdem sollte vor einem Attributnamen bitte ein Leerzeichen stehen.
Zum Problem: Du gibst dem Bild ein name-Attribut, und erwartest dann, dass dadurch ein gleichnamiges Javascript-Objekt vom Himmel fällt. Diese schlechte Angewohnheit hat nur der IE.
Anstatt auf dieses aus heiterem Himmel erscheinende Objekt zuzugreifen, verwende besser die images-Collection, also document.images[name].
Ciao,
Martin