JavaScript show Images один за другим

Question

Я использую этот код для чтения массива из вывода test.php, сортировки его и затем отображения результатов, как слайд-шоу.

В этой строке что-то не так, потому что отображается только одно из изображений.

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

вот код:

> <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> 
> 

, что случилось с моим кодом?

Другая проблема, которая возникает у меня, заключается в том, что когда я загружаю страницу в первый раз, она показывает пустую страницу за 2000 миллисекунд. // или любое другое значение, указанное выше.

Либо задержка наступает перед загрузкой изображений, либо каким-то образом мой счет неверен. как это исправить?

это выход из моего кода PHP:

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

В строке

curimg= (curimg < galleryarray.length); 

вы устанавливаете curimg в логическое значение (1 или 0). Что вам нужно сделать, это заменить строки в

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

Answer 2

Попробуйте вместо этого:

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

Это позволит вам петлю на galleryarray от начала до конца несколько раз.