aurelius: CSS Grafiklink Mouseover

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>

  1. 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

    --
    Der Afrika-Forscher wird gefragt: "Stimmt es, dass man nicht von Löwen angefallen wird, wenn man eine Fackel trägt?" - "Kommt drauf an. Man muss die Fackel sehr schnell tragen."
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
  2. Om nah hoo pez nyeetz, aurelius!

    Da ebay laut solltest du selbigen aufmerksam lesen.

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif