JavaScript Bilder nacheinander zeigen

Question

Ich benutze diesen Code, um Array von test.php Ausgabe zu lesen, sortieren Sie es und zeigen Sie dann die Ergebnisse wie eine Diashow.

In dieser Zeile stimmt etwas nicht, da nur eines der Bilder angezeigt wird.

curimg= (curimg < galleryarray.length) 
    curimg + 1; 

hier ist der Code:

> <script type="text/javascript"> 
> var curimg=0; 
> function rotateimages(){ 
> galleryarray.sort(); 
> document.getElementById("picsimg").setAttribute("src", "images/"+galleryarray[curimg]); 
> curimg= (curimg < galleryarray.length); 
> curimg + 1; 
> } 
> 
> window.onload = function(){ 
> setInterval("rotateimages()", 2000); 
> } 
> 
> setTimeout(function(){ 
> window.location.reload(1); 
> }, 20000); 
> 
> </script> 
> 

, was ist falsch mit meinem Code?

ein anderes Problem, das ich habe, ist, dass, wenn ich die Seite zum ersten Mal lade es zeigt eine leere Seite für 2000 Millisekunden. // oder welcher Wert auch immer ich oben eingestellt habe.

Entweder tritt die Verzögerung ein, bevor die Bilder geladen werden oder irgendwie ist meine Zählung falsch. wie das zu beheben?

dies ist die Ausgabe von meinem PHP-Code:

var galleryarray = new Array(); 
galleryarray[0] = "image1.jpg"; 
galleryarray[1] = "image5.jpg"; 
galleryarray[2] = "image2.jpg"; 
galleryarray[3] = "image4.jpg"; 
galleryarray[4] = "image8.jpg"; 
galleryarray[5] = "image7.jpg"; 
galleryarray[6] = "image0.jpg"; 
galleryarray[7] = "image3.jpg"; 
galleryarray[8] = "image6.jpg";​ 

Answer 1

In der Zeile

curimg= (curimg < galleryarray.length); 

Sie die curimg in einen Booleschen Wert setzen (1 oder 0). Was Sie tun müssen, ist es, die Linien als

if(curimg < galleryarray.length) 
    curimg = curimg + 1; 

Answer 2

diese ersetzen Versuchen Sie stattdessen:

curimg = (curimg+1) % galleryarray.length; 

Damit können Sie eine Schleife über galleryarray von Anfang an immer wieder zu beenden.