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语句中触发该函数的任何内容。这样，当它没有做某事时它没有运行这个功能

X幻灯片后暂停JS幻灯片放映

1 个答案: