Javascript for循环未正确循环

Question

这就是问题的Js Fiddler，因为在它运行之前，我不认为这是有意义的。img src的循环和我循环遍历它们，将它们放在img.src中，加载它们，然后附加到一个元素中。我尝试了其他各种方法，但似乎都不起作用，我不知道为什么会发生这种情况。是jsfiddler有问题还是我的代码不正确？

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

Answer 1

删除for循环中的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/

如果不想显示url，请去掉"container.append(imageListnumber);“。

Answer 2

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++;
}

Answer 3

我在小提琴上试了试，它起作用了。

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

​

​