JavaScript onMouseOver

[TheLucifer]

hallo

ich würde ganz gerne noch einen Hover Effekt bei denn kleinen Bildern ganz unten haben, ist das möglich? und wie?

lg
tl

<script type="text/javascript">
<!--
/* NUR HIER AENDERUNGEN VORNEHMEN UND ANPASSEN */
gross_bild1 = new Image(); gross_bild1.src = "#";
gross_bild2 = new Image(); gross_bild2.src = "#";
gross_bild3 = new Image(); gross_bild3.src = "#";
gross_bild4 = new Image(); gross_bild4.src = "#";
gross_bild5 = new Image(); gross_bild5.src = "#";
gross_bild6 = new Image(); gross_bild6.src = "#";
gross_bild7 = new Image(); gross_bild7.src = "#";
gross_bild8 = new Image(); gross_bild8.src = "#";
gross_bild9 = new Image(); gross_bild9.src = "#";
gross_bild10 = new Image(); gross_bild10.src = "#";
gross_bild11 = new Image(); gross_bild11.src = "#";
gross_bild12 = new Image(); gross_bild12.src = "#";
klein_bild1 = new Image(); klein_bild1.src = "#";
klein_bild2 = new Image(); klein_bild2.src = "#";
klein_bild3 = new Image(); klein_bild3.src = "#";
klein_bild4 = new Image(); klein_bild4.src = "#";
klein_bild5 = new Image(); klein_bild5.src = "#";
klein_bild6 = new Image(); klein_bild6.src = "#";
klein_bild7 = new Image(); klein_bild7.src = "#";
klein_bild8 = new Image(); klein_bild8.src = "#";
klein_bild9 = new Image(); klein_bild9.src = "#";
klein_bild10 = new Image(); klein_bild10.src = "#";
klein_bild11 = new Image(); klein_bild11.src = "#";
klein_bild12 = new Image(); klein_bild12.src = "#";

</script>
<div style="text-align: center;">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="grossbild" border="1"><br> <br>
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild1" onmouseover="document.grossbild.src = gross_bild1.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild2" onmouseover="document.grossbild.src = gross_bild2.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild3" onmouseover="document.grossbild.src = gross_bild3.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild4" onmouseover="document.grossbild.src = gross_bild4.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild5" onmouseover="document.grossbild.src = gross_bild5.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild6" onmouseover="document.grossbild.src = gross_bild6.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild7" onmouseover="document.grossbild.src = gross_bild7.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild8" onmouseover="document.grossbild.src = gross_bild8.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild9" onmouseover="document.grossbild.src = gross_bild9.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild10" onmouseover="document.grossbild.src = gross_bild10.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild11" onmouseover="document.grossbild.src = gross_bild11.src" border="1">
<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild12" onmouseover="document.grossbild.src = gross_bild12.src" border="1">
</div>

<script type="text/javascript">
<!--
document.kleinbild1.src = klein_bild1.src;
document.kleinbild2.src = klein_bild2.src;
document.kleinbild3.src = klein_bild3.src;
document.kleinbild4.src = klein_bild4.src;
document.kleinbild5.src = klein_bild5.src;
document.kleinbild6.src = klein_bild6.src;
document.kleinbild7.src = klein_bild7.src;
document.kleinbild8.src = klein_bild8.src;
document.kleinbild9.src = klein_bild9.src;
document.kleinbild10.src = klein_bild10.src;
document.kleinbild11.src = klein_bild11.src;
document.kleinbild12.src = klein_bild12.src;
document.grossbild.src = gross_bild1.src;
//-->
</script>

 

[CrazySash]

Davon mal abgesehen, dass der Quelltext gruselig ist (scheint aber ein fertiges Script zu sein)

ist das wie folgt möglich:

<img src="https://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild9" onmouseover="document.grossbild.src = gross_bild9.src; alert('Hallo Welt!');" border="1">

hinter dem "src" einfach ein ";" packen. Damit ist die Objektzuweisung abgeschlossen und du kannst einen weitere Zuweisung/Funktion vornehmen/ausführen!