すべてがループするスライドショーがありますが、期待どおりに動作しません。
ここにフィドルがあります:http://jsfiddle.net/Hive7/Mb5nR/1/
Jクエリ:
// Customisable
var gap = 3;
var duration = 0.6;
// Non Customisable
var g = gap * 1000;
var d = duration * 1000;
var loop = $('.slideshow img').length;
var loopDelay = 200;
var x = 1;
var i = 1;
while(i <= loop){
$('.slideshow img:nth-child(' + x + ')').delay(g).fadeOut(d);
x++;
i++;
$('.slideshow img:nth-child(' + x + ')').delay(g + loopDelay).fadeIn(d);
var h = g;
var g = x * h;
var lD = loopDelay;
var loopDelay = lD + 200;
}
私が起こるべきだと思うのは、キューを開始するすべての要素を通過するので、それらはすべて同時にフェードインおよびフェードアウトしますが、フェードインはありません。