jquery - Jquery - 使用队列创建幻灯片 - 延迟和出队不起作用

Question

我正在尝试创建一个在下一张图像中淡入淡出的滑块。这是代码但是我有两个问题。我必须为每个图像手动启动“自动播放”队列。此外，延迟不起作用，淡入淡出同时开始。图像当前设置为一个在另一个之上，并带有 display: hidden 值。

       var options = { duration: 500, queue: "autoplay" }
       for(var i = 0; i < 8; i++)
        {
        $("#feat_img_" + i).fadeIn(options);
        }

       $("#feat_img_0").delay(3000).dequeue("autoplay");
       $("#feat_img_1").delay(3000).dequeue("autoplay");
               //etc

Answer 1

// Select all elements that have id starting with feat_img_
$('[id^=feat_img_]')
    // Apply same fadeIn to all
    .fadeIn({duration: 500, queue: "autoplay"})
    .each( function (index) {
        // dequeue after 3s for 1st element, 6s for 2nd element, 9s, 12s...
        $(this).delay (3000 * (index +1), function (){ dequeue('autoplay');});
    })