onmouseover mit 3bildern

[gadgetelos]

hallo
ich habe folgendes problem und möcht mal fragen ob jemand ne idee hätte.
habe 3 bilder: button.jpg / ball_dreht.gif / ball_dreht_nicht.jpg

nun möchte ich beim überfahren des button.jpg dass das bild ball_dreht.gif angezeigt wird und beim verlassen das bild ball_dreht_nicht.jpg angzeigt wird

muss ich da beide bilder übereinander legen oder wie werden diese geladen?

vielen dank füR alle kommenden antworten

 

[con-f-use]

<img src="button.jpg" onmouseover="
   document.getElementById('buttonbild').src='ball_dreht.gif'
 " onmouseout="
   document.getElementById('buttonbild').src='ball_dreht_nicht.jpg'
 " />
   
   <img src="ball_dreht_nicht.jpg" id="buttonbild" />

 

[T3ch]

Hi;

das kannst du wie im folgenden Beispiel lösen:

<a href=""><img src="" onmouseover="this.src=''" onmouseout="this.src=''" /></a>

Bei src dann das erste bei onmouseover das zweite und bei onmouseout das dritte Bild.

Greetz

 

[gadgetelos]

hi, danke für deine antwort, funktioniert auch
möchte nur wissen was 'buttonbild' in document.getElementById('buttonbild'). bedeutet
danke

 

[T3ch]

Mit "buttonbild" wird die Id des Bildes angegeben;

da du aber sowieso auf das aktuelle Element zugreifst, kannst du auch einfach mit 'this ' arbeiten (siehe mein letzter Post).

Dies hat den Vorteil, dass, wenn du diesen Effekt bei mehreren Bildern anwendest, du nicht immer die Id ändern musst (weil eine Id auch nur ein Mal vorkommen darf).

Ich hoffe, das hilft dir weiter.

Greetz

 

[con-f-use]

da du aber sowieso auf das aktuelle Element zugreifst, kannst du auch einfach mit 'this ' arbeiten (siehe mein letzter Post).

Nein, kann er nicht, was sowohl aus seinem Text als auch aus meinem Beispiel ersichtlich ist. So wie er es gesagt hat, will namälich, dass wenn man über den Button fährt sich ein anderes Bild (nicht das vom Button ändert), daher muss man über die id oder sonst wie, dem Button irgentwie sagen welches Bild sich ändern soll. Dein script, T3ch, funktioniert nur, wenn sich das Bild vom Button selbst ändern soll.