-1

画像流しスライダーを作っています。ハードコーディングしている場合は正常に動作しています。現在、JSON ファイルを使用して、ギャラリーから画像を読み込む方法を指定しています。画像は正常に読み込まれますが、外部 CSS ファイルと jquery が正しく読み込まれません。

どんな助けでも大歓迎です。

<script>
      $(function(){
          var image= [{
    "src": "images/starting.jpg",
           "data-artist":"Gorillaz",
       "data-album":"Plastic Beach"
             },];

         $.each(image, function(){
       $('<img src="' + this.src+ '"  />').appendTo('#coverflow'); 
        });
   });

私がこれを書いているなら、

    <div class="wrapper">
        <div id="coverflow">
            <img src="img/gorillaz-plasticbeach.jpg" data-artist="Gorillaz" data-album="Plastic Beach"/>-->
            <!--<img src="images/thumb1.jpg" data-artist="Kings Of Leon" data-album="Come Around Sunshine"/>
            <img src="images/thumb2.jpg" data-artist="Kid Rock" data-album="Born Free"/>        
            <img src="images/thumb3.jpg" data-artist="Eminem" data-album="Recovery"/>
            <img src="images/thumb4.jpg" data-artist="Lil Wayne" data-album="I Am Not A Human Being"/>
            <img src="images/thumb5.jpg" data-artist="Taylor Swift" data-album="Speak Now"/>
            <img src="images/thumb6.jpg" data-artist="The Band Perry" data-album="The Band Perry"/>
            <img src="images/thumb7.jpg" data-artist="Maroon 5" data-album="Hands All Over"/>
            <img src="images/thumb8.jpg" data-artist="My Chemical Romance" data-album="Danger Days"/>
            <img src="images/thumb9.jpg" data-artist="Iron Maiden" data-album="The Final Frontier"/>
            <img src="images/thumb10.jpg" data-artist="Order Of The Black" data-album="Black Label Society"/>   
            <img src="images/thumb11.jpg" data-artist="Usher" data-album="Raymond V Raymond"/>-->
        </div>
    </div> 

その後、完全に機能します。

私が試してみました

$.each(image, function(){
 $('<img src="' + this.src+ '" />').appendTo('#coverflow');            `$('#coverflow').appendTo('#wrapper');
 $('#wrapper').appendTo('#demo');
 $('#demo').appendTo('#pageWrapper'); }); 
alert ('I am all Done'); 
alert('Elements are ' +$('#coverflow').length); }); 

ここでは、div 1 に画像を 1 つずつ追加しています。しかし、最後に div #coverflow を最後にチェックしているとき、内容は 1 Element のみです。ループは11回繰り返していますが

4

1 に答える 1