Hier bleibt das Bild stehen, bis der Button angeklickt wird. Die Bilder sollten alle das gleiche Format haben, zumindest sollten sie die gleiche Höhe besitzen, andernfalls "springt" der Button rauf und runter.
<table align="center"> <TR> <TD ID="zelle" ALIGN="center"> <!-- ################## Hier die Adresse des ersten Bildes ! ########################## --> <IMG NAME="GG" SRC="http://www.gloeckner-nbg.de/bild1.jpg" width="480" ></TD> </TR> <TR> <!-- ################## Hier die Adresse des Buttons ! ########################## --> <TD ALIGN="center"><IMG SRC="http://www.gloeckner-nbg.de/buttons/diavor.gif" WIDTH="55" HEIGHT="55" BORDER="0" ALT="nächstes Bild" ONCLICK="diavor()"> </TD> </TR> </TABLE> <SCRIPT TYPE="text/javascript">var diabilder = new Array(); diabilder[0] = new Image();diabilder[0].src = "http://www.gloeckner-nbg.de/bild1.jpg"; //hier Deine Bildadressen reinschreiben !!!!!!!!!!!!!!!! diabilder[1] = new Image();diabilder[1].src = "http://www.gloeckner-nbg.de/bild2.jpg"; diabilder[2] = new Image();diabilder[2].src = "http://www.gloeckner-nbg.de/bild3.jpg"; diabilder[3] = new Image();diabilder[3].src = "http://www.gloeckner-nbg.de/bild4.jpg"; var diahoehe = 250; var diazaehler = 0; var diaanzahl = diabilder.length; document.GG.src = diabilder[0].src; document.getElementById("zelle").style.height = diahoehe + 20; function diavor() { diazaehler ++; if ( diazaehler >= diaanzahl ) diazaehler = 0; document.GG.src = diabilder[diazaehler].src; } </SCRIPT>
