Question

我已经看到类似的问题，但不完全正确。我的页面上运行了多个循环幻灯片，因此我不希望它们一次全部启动。我想暂停加载它们，然后在点击简单链接时启动。以下是我提出的建议：

$('#s2').cycle({
    fx: 'scrollLeft',
    speed: 2000,
    pause:  1,
    pager:  '#speakerTwoNav',
    pagerAnchorBuilder: function(idx, el) {
        return '<a href="#"></a>';
    }
}).cycle('pause');
    $('#speakerInfoChipKiddLink').click(function(){
    $('#s2').cycle('resume');
});

这是其中一个幻灯片的示例。 #s2是它的名称，#speakerInfoChipKidd是我想要开始幻灯片放映的链接的ID。

我没有收到此代码的错误，它只是没有立即暂停。

Answer 1

分开初始化和暂停：

$('#s2').cycle({
    fx: 'scrollLeft',
    speed: 2000,
    pause:  1,
    pager:  '#speakerTwoNav',
    pagerAnchorBuilder: function(idx, el) {
        return '<a href="#"></a>';
    }
});

$('#s2').cycle('pause');

jQuery幻灯片：加载暂停，从链接问题开始

1 个答案: