JavaScript for loop沒有正確循環

這是問題的Js提琴手，因爲直到它運行，我不明白這可能是有道理的。 img src的循環和我通過它們循環，並將它們放入一個img.src並加載它們，然後追加到一個元素。我嘗試了其他各種方法，但似乎無法正常工作，我不知道爲什麼會發生這種情況。這是jsfiddler的問題還是我的代碼不正確？在for循環JavaScript for loop沒有正確循環

http://jsfiddle.net/shavyg2/GsQtn/embedded/result/

/*Slide show*/ 
var container=$(".imageContainer"); 

var imageList=["http://blogs.adobe.com/captivate/files/2011/09/HTML5.jpg",    "http://www.hanselman.com/blog/content/binary/Windows-Live-Writer/HTML5-Support-for-Visual-Studio-2010---W_90C5/vshtml5_2.png",    "http://photos4.meetupstatic.com/photos/event/d/e/0/0/event_117656832.jpeg",    "http://e4dhtml5.azurewebsites.net/Content/html5man.jpg",    "http://la-matrice.org/wp-content/uploads/2013/02/css3.png"]; 

var count=0; 
for(var i=0;i<imageList.length;i++){ 
    var image=new Image(); 
    var number=i+0; 
    image.src=imageList[number]; 
    container.append(image);  
    container.append(imageList[number]); 
    image.load(); 
    count++; 
} 

container.append(count);

來源

2013-05-26 Lpc_dark

爲+ 0的原因是，我想確保它不是我被保存的參考，但的實際值表達。它沒有任何幫助。這也是我作爲新var的原因。無論有沒有它仍然沒有工作; –

刪除image.load（）。

for(var i=0;i<imageList.length;i++){ 
    var image=new Image(); 
    var number=i+0; 
    image.src=imageList[number]; 
    container.append(image);  
    container.append(imageList[number]); 
    count++; 
}

http://jsfiddle.net/6skav/

擺脫「container.append（圖像列表[數字]）;」如果你不想顯示網址。

來源

2013-05-26 17:19:28 Nile

http://jsfiddle.net/GsQtn/1/

這似乎做您打算什麼。我認爲問題出在您所有無關的image代碼上。基本上我實現的循環如下所示：

for(var i=0;i<imageList.length;i++){ 
    var image = document.createElement("img"); 
    image.src=imageList[i]; 
    container.append(image); 
    count++; 
}

來源

2013-05-26 17:20:14

我想通了。我不需要調用像音頻和視頻標籤那樣的加載函數 –

我在小提琴中試過這個，它工作。

for(var i=0;i<imageList.length;i++){ 
    var image=new Image(); 
    image.src=imageList[i]; 
    container.append(image);  
}

enter image description here

來源

2013-05-26 17:22:16 Anamadeya

嗯也許我的屏幕很小..讓我再次檢查 –

這些是圖片。它只是不能在我的屏幕上工作，我不知道爲什麼 –

這是不工作的原因是，我是調用image.load（）函數。我很習慣使用最近我在做的音頻和視頻標籤，您不需要爲圖片調用加載。實際上它沒有這種方法。

這是出了測試的東西最後的工作代碼

for(var i=0;i<imageList.length;i++){ 
    var image=new Image(); 
    image.src=imageList[i]; 
    container.append(image);  
    }

來源

2013-05-26 18:27:17

JavaScript for loop沒有正確循環

回答

相關問題