Bilderwechseln nach 5 Sekunden

P

PaZiHH

Grünschnabel
Hi Leute,

ich habe 20 Bilder, welche ich in einer bestimmten Reihenfolge nacheinander einblenden möchte, wobei jedes Bild 5 Sekunden auf dem Bildschirm erscheint.
Also quasi ersetzt das zweite nach 5 Sekunden das erste, nach weiteren 5 Sekunden das 3. das 2. usw.... :-)
Vielen Dank für die Hilfe im Vorraus!


Viele Grüße,
PaZi
 
PHP: 
var iViewing = -1;
var aImages  = new Array();
aImages[0] = "blid1.png";
aImages[1] = "blid2.png";
aImages[2] = "blid3.png";
aImages[3] = "blid4.png";
aImages[4] = "blid5.png";
aImages[5] = "blid6.png";
aImages[6] = "blid7.png";

function slideImages()
{
    iViewing++;
    if ( iViewing == aImages.length ) {
        iViewing = 0;
    }
    window.document.images['ViewImage'].src = aImages[iViewing];

   setTimeout( "slideImages();", 5000 );        
}

[...]

<img name="ViewImage" border="0" alt="Ein Bild">

ungetestet
 
Interresant wäre auch zu wissen, was genau nicht riichtig geht, bzw. wie sich das
Script verhält.

Aber ich vermute, es liegt daran, dass du das Script nicht startest.

Dazu musst du in deinen <body>-Tag noch folgendes schreiben:
PHP: 
<body onLoad="slideImages();">

Ansonsten musst du Backslashes in String escapen ("C:\\Images").
Wenn du das ganze lokal laufen lassen willst, musst du das aImages-Array so
füllen:
PHP: 
//Wenn du Bilder anzeigen willst, die sich
//nicht unmittelbar in der Nähe deines
//Scripts befinden (Von der Verzeichnis-Struktur her)
aImages[0] = "file:///C/Bilder/bild1.png";

//Oder ganz normal so:
aImages[0] = "images/bild1.png";
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück