0

これが問題の Js Fiddler です。実行するまで、これがどのように意味をなすのかわかりません。img src と i のループはそれらをループし、それらを 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);
4

4 に答える 4

1

これをフィドルで試してみましたが、うまくいきました。

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

ここに画像の説明を入力

于 2013-05-26T17:22:16.343 に答える
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/

「container.append(imageList[number]);」を取り除く URLを表示したくない場合。

于 2013-05-26T17:19:28.720 に答える
1

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-26T17:20:14.107 に答える