wieder mal over prob

rev999 · 12.05.2003, 15:31

was ist da falsch ?

Code:

<script>
		function over(bild)
		{
		bild.src="bilder/"+bild+"_2.gif";
		}
		function out(bild)
		{
		bild.src="bilder/"+bild+"_1.gif";
		}
		</script>
......
onMouseOver="over(back)" onMouseOut="out(back)">
onMouseOver="over(link1)" onMouseOut="out(link2)">

Stuck Mojo · 12.05.2003, 15:35

Bild muss in diesem Fall ein Image-Objekt sein. Und so ist es das nicht

Bzw.: du brauchst eine referenz auf das Bild-Objekt + Bildnamen (String)

Gruss
Jan

rev999 · 12.05.2003, 15:39

tut mir leid das check ich nicht ganz

meinst du da?

Code:

<img name="back" src="bilder/back_1.gif" width="60" height="30" border="0" onMouseOver="over(back)" onMouseOut="out(back)">
<img name="link1" src="bilder/link1_1.gif" width="80" height="30" border="0" onMouseOver="over(link1)" onMouseOut="out(link1)">

das hätte ich schon

Stuck Mojo · 12.05.2003, 16:00

ok

Also mit deinem Script willst du ja die src-Eigenschaft eines Bildes verändern.
Eine Eigenschaft kann aber nur ein Objekt besitzen (mal ganz grob gesagt). Objekt = Bild -> Eigenschaft = src

Also: Um die Funktion nun für jedes Bild zu nutzen musst du
a) direkt die Bildreferenz mit übergeben
b) den Bildnamen übergeben und in der Funktion die Referenz "holen"

Wir nehmen mal b), weils am häufigsten so ist:

Code:

<script ...>
function over(bildname) {
   bild = document.Images['bildname']
   bild.src="bilder/"+bildname+"_2.gif";
}
</script>
<a href="javascript:void(0);" onmouseover="over('back');"><img src=".." name="back"...></a>

Sehe gerade deinen Code. Wenn du im IMG-Tag hovern willst, gehts auch so:

Code:

<script ...>
function over(bildobj,bildname) {
   bildobj.src="bilder/"+bildname+"_2.gif";
}
</script>
<img src=".." onmouseover="over(this,'back');" ... >

Gruss
Jan