minicrispie: MouseOver-Bildergalerie???

Beitrag lesen

Hallo,

Wenn ich jetzt mit der Maus über die 1 fahre, dann soll das Bild null.jpg gegen eins.jpg getauscht werden. bei 2 wird es zwei.jpg und bei 3 ändert sich das bild in drei.jpg

<html>  
<head>  
<title></title>  
<script type="text/javascript">  
function WechsleBild(adresse)  
{

document.images["MeinBild"].src=adresse;

}  
</script>  
</head>  
<body>  
<img src="null.jpg" name="MeinBild"><br><br>  
<a href="#" onmouseover="WechsleBild('eins.jpg')">1</a>  
<a href="#" onmouseover="WechsleBild('zwei.jpg')">2</a>  
<a href="#" onmouseover="WechsleBild('drei.jpg')">3</a>  
</body>  
</html>

Sobald du über den Link fährst, wird die Funktion WechsleBild() auferufen. Diese Funktion erwartet einen Parameter der die spätere Adresse des Bildes bestimmt. Falls du auf den Link klicken solltest, wird die Seite durch das # nicht verändert.
Per Javascript wird dann das Bild aufgerufen.

document.images["MeinBild"]

spricht das bild an und mit .src=adresse weist du die per parameter übergebene adresse zu

MfG. Christoph Ludwig

--
Wo die Sprache aufhört, fängt die Musik an...
Selfcode:  ie:( fl:| br:^ va:| ls:/ fo:| rl:? n4:) ss:) de:] js:) ch:{ sh:) mo:) zu:)
Go to this