javascript - JQuery 循环暂停

Question

我希望将幻灯片暂停大约 4 秒钟，并且在恢复之前不显示幻灯片。这可能吗？我尝试使用以下代码自己执行此操作，但似乎不起作用。

$(document).ready(function () {
        $('#homeSlideshowWrapper').cycle({
            fx: 'fade',
            timeout: 4000,
            after: onBefore
        });

        function onBefore() {
            $('#homeSlideshowWrapper').cycle('pause')
            $('#homeSlideshowWrapper').delay(5000).cycle('resume')

        } });

谢谢

卢克·斯特拉顿

Answer 1

首先，onbefore 函数中的两个命令都缺少分号。其次，您在 document.ready 内部声明了一个函数，它实际上不应该出现在任何函数中。第三，您应该使用 .css(display, 'none') 在暂停时隐藏幻灯片(如果这就是您在恢复之前不显示幻灯片的意思)。如果没有摆脱 hide() 和 show() 在行结束)。试试这个:

$(document).ready(function () {
    var onBefore= function() {
        $('#homeSlideshowWrapper').cycle('pause').hide();
        $('#homeSlideshowWrapper').delay(5000).cycle('resume').show();
    };

    $('#homeSlideshowWrapper').cycle({
        fx: 'fade',
        timeout: 4000,
        after: onBefore
    });

});

这可能并不完美，但应该更好一点。