前回の投稿で、バナーの作成について質問しましたが、いくつか検索した後、いくつかの概念を理解しました...
function animate(el)
{
var div = $(el);
return div.css("display","block").animate({width:0},1).animate({width:1100},2000).delay(4000).hide(1);
}
$(document).ready(function(){
var dfd = $.Deferred(),
chain = dfd;
var slide = ['#img2'];
$.map(slide, function(el) {
chain = chain.pipe(function() {
return animate(el).promise();
});
});
return dfd.resolve();
});
これが私のコードです。スライドアレイが終了すると、それ以上の画像は表示されなくなります。シーケンス全体を繰り返したい。