javascript - 在 X 张幻灯片之后暂停 JS 幻灯片

Question

我正在尝试使用我在 Codrops 上找到的 JS 插件:

http://tympanus.net/codrops/2013/04/17/background-slideshow/

我正在尝试让幻灯片在 X 个图像后自动停止。在我的情况2或3中。根据我对Mary Lou代码的理解，确定暂停/播放/下一张幻灯片的函数在这里:

function d(q) {
    var p = g.eq(h);
    console.log('abc');
    if (q === "next") {
        h = h < n - 1 ? ++h : 0
    } else {
        if (q === "prev") {
            h = h > 0 ? --h : n - 1
        }
    }
    var o = g.eq(h);
    p.css("opacity", 0);
    o.css("opacity", 1)
}

这个 JS 在这里找到:

http://tympanus.net/Blueprints/BackgroundSlideshow/js/cbpBGSlideshow.js

到目前为止，我所尝试的基本上是在代码中放置断点，以查看在哪里发生了什么，这就是我得出的结论。

有什么帮助解决剩下的问题吗？

谢谢!

Answer 1

您可以使用 if 语句来阻止访问 .css 命令。以下内容应在第三张幻灯片上停止

function d(q) {
    var p = g.eq(h);
    console.log('abc');
    if (q === "next") {
        h = h < n - 1 ? ++h : 0
    } else {
        if (q === "prev") {
            h = h > 0 ? --h : n - 1
        }
    }
    var o = g.eq(h);
    if(h !== 3) { 
        p.css("opacity", 0); 
        o.css("opacity", 1); 
    }
}

话虽如此，我建议停止 if 语句中触发该函数的任何内容。这样当它不做某事时就不会运行这个函数