画像流しスライダーを作っています。ハードコーディングしている場合は正常に動作しています。現在、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回繰り返していますが