Question

我正在尝试创建一个淡入下一个图像的滑块。这是代码，但我有两个问题。我必须为每个图像手动启动“自动播放”队列。此外，延迟不起作用，淡入淡出同时开始。目前，图像一个在另一个上面，并带有显示：隐藏值。

       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');});
    })

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

1 个答案: