Zum Vergrößern die Bilder anklicken !
<!-- ################# Fragen zu diesem Script beantworte ich NICHT kostenlos ######################### --> <!-- ################# Der Verkauf des Scripts ist NICHT erlaubt !!!!!!!!!!!!!!!!!!!!!!!!!!!! ######################## --> <table border="0" cellpadding="0" cellspacing="8" align="center" width="400" style="font-size:14px;font-family:verdana, arial;font-weight:600;"> <tr> <td id="zelle" align="center" colspan="3"> <!-- ---------- Hier wird der Link zum LETZTEN BILD der Serie reingeschrieben !!!!!!!!!!!!!!! ------------------------------------------------------------------------- --> <a ID="GGLINK" href="j.htm" target="_blank"onFocus="this.blur()"> <!-- ---------- Hier wird das LETZTE BILD der Serie reingeschrieben !!!!!!!!!!!!!!! ------------------------------------------------------------------------------------------ --> <img name="diabild" src ="http://www.gloeckner-nbg.de/bild10a.jpg" width="400" height="264" style="border:1px ridge black"></a></td> </tr> <tr> <!-- ---------- Hier der Start-Text, erscheint nur einmal beim Öffnen der Seite -------------------------------------------------------------------------------------------- --> <td ID="GGTEXT" colspan="3" align="center">Zum Vergrößern die Bilder anklicken !</td> </tr> <tr> <!-- ---------- Hier kannst Du die Buttons gestalten !!!!!!!!!!!!!!! ------------------------------------------------------------------------------------------------------------------------ --> <td align="left"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" onClick="diaschalter=0"onFocus="this.blur()" value="Diashow starten"></td> <td align="center"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" onClick="next()"onFocus="this.blur()" value="nächstes Bild "></td> <td align="right"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" onClick="diaschalter=1"onFocus="this.blur()" value="Pause"></td> </tr> </table> <script type="text/javascript"> var diabilder = new Array(); var dialinks = new Array(); var diatext = new Array(); //hier Deine Bildadressen reinschreiben !!!!!!!!!!!!!!!! //darunter jeweils der Link !!!!!!!!!!! //darunter jeweils der Text !!!!!!!!!!! diabilder[0] = new Image(); diabilder[0].src ="http://www.gloeckner-nbg.de/bild16a.jpg"; dialinks [0] = "i.htm" diatext[0] = "Dies ist das 2. Bild" diabilder[1] = new Image(); diabilder[1].src ="http://www.gloeckner-nbg.de/bild12a.jpg"; dialinks [1] = "f.htm" diatext[1] = "Und dies ist das 3. Bild" diabilder[2] = new Image(); diabilder[2].src ="http://www.gloeckner-nbg.de/bild13a.jpg"; dialinks [2] = "g.htm" diatext[2] = "Jetzt kommt das vierte !" diabilder[3] = new Image(); diabilder[3].src ="http://www.gloeckner-nbg.de/bild14a.jpg"; dialinks [3] = "h.htm" diatext[3] = "Es folgt Bild Nummer 5" diabilder[4] = new Image(); diabilder[4].src ="http://www.gloeckner-nbg.de/bild10a.jpg"; dialinks [4] = "j.htm" diatext[4] = "Das ist wieder das 1. Bild !" var diaanzahl = 5; // hier steht die Anzahl der Bilder var zeit = 4000; // hier steht die Anzeigedauer in Millisekunden var diazaehler = -1; var diaschalter = 1; // 0 = automatisch starten / 1 = erst nach Klick auf Start function next() { diazaehler ++; if ( diazaehler >= diaanzahl ) diazaehler = 0; document.diabild.src = diabilder[diazaehler].src; document.getElementById("GGLINK").href=dialinks[diazaehler]; document.getElementById("GGTEXT").firstChild.data=diatext[diazaehler]; } function delay() { if ( diaschalter == 0 ) next(); window.setTimeout("delay()",zeit); } delay(); </script>