Hallo zusammen,
ich versuche gerade mit JavaScript Bild Nr. 4 zu ändern, indem man über Bild 1-3 hovert.
Das klappt auch spitze. Aber ich verzweifle gerade daran, hier einen Fade einzubauen
Daran sitze ich jetzt tatsächlich schon etwas länger.
Wäre es möglich, dass mir jemand mal eben hilft? Das ist für euch profis bestimmt nur ein winziger Befehl, den ich aber ums Verrecken nicht finde
Vielen Dank im Vorfeld!
ich versuche gerade mit JavaScript Bild Nr. 4 zu ändern, indem man über Bild 1-3 hovert.
Das klappt auch spitze. Aber ich verzweifle gerade daran, hier einen Fade einzubauen

Wäre es möglich, dass mir jemand mal eben hilft? Das ist für euch profis bestimmt nur ein winziger Befehl, den ich aber ums Verrecken nicht finde

Vielen Dank im Vorfeld!
HTML:
<button onmouseover="document.getElementById('change_image').src='imgs/test5.jpg'" onmouseout="document.getElementById('change_image').src='imgs/test4.jpg'">
<img src="imgs/test1.jpg" id="" width="50" height="50"></button>
<button onmouseover="document.getElementById('change_image').src='imgs/test6.jpg'" onmouseout="document.getElementById('change_image').src='imgs/test4.jpg'">
<img src="imgs/test2.jpg" id="" width="50" height="50"></button>
<button onmouseover="document.getElementById('change_image').src='imgs/test7.jpg'" onmouseout="document.getElementById('change_image').src='imgs/test4.jpg'">
<img src="imgs/test3.jpg" id="" width="50" height="50"></button>
<br><br>
<img src="imgs/test4.jpg" id="change_image" width="150" height="50">
CSS:
button {
background: transparent;
border: none !important;
font-size:0;
}