Diashow Auto
Diese Diashow hat keine Bedienung, sie läuft und läuft automatisch. Dazu werden alle Bilder in einen Array gefasst; die Adresse, der Name und die Endung der Bilddateien können ganz individuell sein. In Formularfeldern kann die Bildnummer und der Dateiname angezeigt werden.
Formular zeigt jeweilige Arraynummer und Bilddateiname an:
Super Bild-Array
this[]
<script type="text/javascript">
// Variablen
var imgs = new bildarray;
var i = 1;
// Funktionen
function bildarray() {
this[0] = "images/1.gif"; // JavaScripts beginnen beim Zählen immer mit 0
this[1] = "images/2.gif"; // Bild 1 ist also schon 2.gif
this[2] = "images/3.gif";
this[3] = "images/gelb_4.gif"; // die gif oder jpg koennen irgendwie benannt werden
this[4] = "images/5.gif"; // Bild 4 ist das letzte, bevor es wieder von vorne los geht
}
function wechsel() {
if (i < 4) { // solange die Variable i kleiner als 4 ist -das letzte Bild-
i += 1; // rechne zu i 1 dazu
} else { // sonst, also nach Bild 4
i = 0; // wird die Variable i wieder auf 0 gesetzt
}
// diese und nächste Zeile steuern die Werte in den Formularfeldern
document.forms[1].nummer.value = i; // das Suchformular ist forms[0]
// diese und obere Zeile kann auch geloescht werden wenn das Formular nicht gebraucht wird
document.forms[1].bild.value = imgs[i];
// das erste Bild des Dokuments erhält eine neue Adresse aus dem Array mit dem Index i
document.images[0].src = imgs[i];
setTimeout("wechsel()",2000); // warten und nächstes Bild
}
</script>
HTML:
<body onLoad="setTimeout('wechsel()',2000);">
<img src="images/0.gif" width="85px" height="66px" alt="Diashow" />
<form>
<input type="text" size="4" name="nummer" value="1" onfocus="blur(this);" />
<input type="text" size="20" name="bild" value="1.gif" onfocus="blur(this);" />
</form>
Bild-Array per PHP erstellen lassen
Wie auch immer die Diashow funktioniert, sie benötigt die Erstellung eines Arrays mit den Bildern, die gezeigt werden sollen. Diese Handarbeit kann mir von PHP abgenommen werden: zur Datei php_to_js.php
Check den Code.