ozmo: Onmouseclick

Beitrag lesen

Okay, das Prinzip deiner Vorstellung ist leicht zu verstehen. Mache folgendes

Weise allen drei Bildern eine id zu!
Mache eine funktion mit dem Übergabewert _aller_ drei Bilder (die Dateinamen sollen übergeben werden)!

Dann greifst du auf die src-Eigenschaft des imgTags per getElementById() zu und veränderst diese.

Fertig. So ist dann das Resultat:

__________________________________________________________

<html>
<head>
<script type="text/javascript">
 function ChangeImg(bildsrc1,bildsrc2,bildsrc3){
  document.getElementById('bild1').src=bildsrc1;
  document.getElementById('bild2').src=bildsrc2;
  document.getElementById('bild3').src=bildsrc3;
 }
</script>
</head>

<body>
<img src="bild1.jpg" id="bild1" href="javascript:ChangeImg('bild1.1.jpg','bild2.jpg','bild3.jpg')">

<img src="bild2.jpg" id="bild2" href="javascript:ChangeImg('bild1.jpg','bild2.1.jpg','bild3.jpg')">

<img src="bild3.jpg" id="bild3" href="javascript:ChangeImg('bild1.jpg','bild2.jpg','bild3.1.jpg')">

</body>
</html>
______________________________________________________________

Wenn das nicht klar sein sollte, so beschäftige dich hier im selfHTML mit JavaScript, besonders mit funktionen und dem getElementById() .

Viel Glück

ozmo