xxscorpionxx
Neues Mitglied
[CSS] Bild ändern bei mouseover [gelöst]
Hallo.
Und zwar habe ich eine Navigation, welche aus 4 Buttons, bzw. Bildern besteht. Geht man mit der Maus über eins, ändert es sich. Das klappt soweit ganz gut.
HTML-Code:
<img src="img/button1off.png" name="getinfinite" alt="sample image" onmouseover="document.getinfinite.src = 'img/button1on.png';" onfocus="document.getinfinite.src = 'img/button1on.png';" onmouseout="document.getinfinite.src = 'img/button1off.png';" onblur="document.getinfinite.src = 'img/button1off.png';" />
Allerdings würde ich gerne das Bild als Hintergrundbild in der CSS festlegen damit ich den Button beschreiben kann. Allerdings habe ich auch nicht durch googeln herausgefunden wie ich in CSS das Bild bei mouseover ändern kann.
Jemand eine Idee?
danke im vorraus
Hallo.
Und zwar habe ich eine Navigation, welche aus 4 Buttons, bzw. Bildern besteht. Geht man mit der Maus über eins, ändert es sich. Das klappt soweit ganz gut.
HTML-Code:
<img src="img/button1off.png" name="getinfinite" alt="sample image" onmouseover="document.getinfinite.src = 'img/button1on.png';" onfocus="document.getinfinite.src = 'img/button1on.png';" onmouseout="document.getinfinite.src = 'img/button1off.png';" onblur="document.getinfinite.src = 'img/button1off.png';" />
Allerdings würde ich gerne das Bild als Hintergrundbild in der CSS festlegen damit ich den Button beschreiben kann. Allerdings habe ich auch nicht durch googeln herausgefunden wie ich in CSS das Bild bei mouseover ändern kann.
Jemand eine Idee?
danke im vorraus
Zuletzt bearbeitet: