[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

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
<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="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="grossbild" border="1"><br>&nbsp;<br>
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild1" onmouseover="document.grossbild.src = gross_bild1.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild2" onmouseover="document.grossbild.src = gross_bild2.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild3" onmouseover="document.grossbild.src = gross_bild3.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild4" onmouseover="document.grossbild.src = gross_bild4.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild5" onmouseover="document.grossbild.src = gross_bild5.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild6" onmouseover="document.grossbild.src = gross_bild6.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild7" onmouseover="document.grossbild.src = gross_bild7.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild8" onmouseover="document.grossbild.src = gross_bild8.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild9" onmouseover="document.grossbild.src = gross_bild9.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild10" onmouseover="document.grossbild.src = gross_bild10.src" border="1">
<img src="http://scripte.aaj.de/grafik/dummy.gif" alt="" name="kleinbild11" onmouseover="document.grossbild.src = gross_bild11.src" border="1">
<img src="http://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:

1:
<img src="http://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!