Allseits beliebt soll hier auch mal dem Thema "Diashow" Rechnung getragen werden. Ich stelle Euch ein Diashow-Script vor, welches ich dann im body-Bereich bereits mit einer Tabelle abrunde, damit die Einbindung auch relativ einfach stattfinden kann. Hier nun erst mal das Script, welches wieder im Bereich zwischen <HEAD></HEAD> eingebunden wird: <script language="JavaScript"><!--var i = 1images = new Array images[1] = "bild1.gif"images[2] = "bild2.gif"images[3] = "bild3.gif"images[4] = "bild4.gif"images[5] = "bild5.gif"images[6] = "bild6.gif"images[7] = "bild7.gif"images[8] = "bild8.gif"images[9] = "bild9.gif"function gallery(){if (i == 1){document.gallery.previous.value=""}}function previmg(){if (i != 1) {i --document.img.src = images[i]document.gallery.next.value = "Nächstes >"}if (i == 1) {document.gallery.previous.value=""}}function nextimg(){if (i != 9) {i ++document.gallery.previous.value="< Vorheriges"image = images[i]document.img.src = image}if (i ==9){document.gallery.next.value="";}}function pickrand(){var imagenumber = 9 ;var randomnumber = Math.random() ;var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;var randimage = images[rand1]document.img.src = randimage i = rand1 if (i == 1){document.gallery.previous.value="";}else {document.gallery.previous.value="< Vorheriges";}if (i == 6){document.gallery.next.value="";}else {document.gallery.next.value="Nächstes >";}}function firstimg(){i = 1 document.img.src = images[i]; document.gallery.previous.value=" ";document.gallery.next.value="Nächstes >"}function lastimg(){i = 9 document.img.src = images[i];document.gallery.next.value=" "document.gallery.previous.value="< Vorheriges"}function stoperror(){return true}window.onerror=stoperror// --></script> Hierbei wird von neun (9) Einzelbildern ausgegangen, die Anzahl ist aber variierbar. Sie müssen dann jeweils alle Variablen im Script entsprechend abändern. Die Namen der Bilder (hier bild1.gif bis bild9.gif) tragen Sie an entsprechender Stelle bitte ein, wobei die Bilder im gleichen Ordner liegen müssen. Andernfalls bitte den Pfad zum Bild mit eingeben. Es können natürlich .gif oder .jpg Bilder verwendet werden! Dort, wo dann in Ihrem body-Bereich die Diashow eingebunden werden soll, fügen Sie bitte nachfolgende Tabelle ein, die Sie natürlich weiter anpassen können: <TABLE align="center" border="0" width="550" height="350"><TR><TD height="300"><div align="center"><img border="0" name="img" src="bild1.jpg"></TD></TR> <TR><TD align="center"><DIV style="visibility:hide;visibility:hidden;"><form name="gallery"><input name="previous" onclick="previmg();" type="button" value="<Vorheriges"><input name="first" onclick="firstimg();" type="button" value="|<< Start"><input name="random" onclick="pickrand();" type="button" value="? Zufall?"><input name="last" onclick="lastimg();" type="button" value="Letztes >>|"><input name="next" onclick="nextimg();" type="button" value="Nächstes >"></form></div><FONT class="stn">|</font><a href="javascript:onclick=previmg()"><FONT class="sln">vorheriges</a><FONT class="stn">|</font><a href="javascript:onclick=firstimg()"><FONT class="sln">Start</a> <FONT<br />class="stn">|</font><a href="javascript:onclick=pickrand()"><FONT class="sln">Zufall</a> <FONTclass="stn">|</font><a href="javascript:onclick=lastimg()"><FONT class="sln">letztes</a> <FONT<br />class="stn">|</font><a href="javascript:onclick=nextimg()"><FONT class="sln">nächstes</a> <FONTclass="stn">|</font></TD></TR></TABLE> Die Dia-Show ist über fünf Links zu steuern: | vorheriges | Start | Zufall | letztes | nächstes | also recht komfortabel. Ich hoffe, dass die Einbindung keine Probleme aufwirft. Bisher konnte ich diese Show mehrfach empfehlen, ohne dass irgendjemand wirklich Probleme gemeldet hat.
