jquery循环通过回调禁用幻灯片

时间:2013-03-25 10:12:09

标签: jquery jquery-cycle

有什么方法可以使用'之前'回调来禁用幻灯片?幻灯片显示“手动”使用nex / prev选项,所以我想禁用它们。我尝试删除id属性,但不会禁用该按钮。

也许可以使用forwardFlag选项吗?

$('#slider-form').cycle({
        fx:     'fade', 
        speed:  'fast',
        prev:   '#prev', 
        next:   '#next', 
        width:  940,
        fit: 1,
        before: onBefore,
        after: onAfter,
        nowrap: 1,
        timeout: 0      
    });

function onBefore(currSlideElement, nextSlideElement, options, forwardFlag) {
    //condition is not met: disable next/prev animation

    //condition is met: enable navigation
}

1 个答案:

答案 0 :(得分:1)

您可以使用暂停和恢复选项。

$('#slider-form').cycle('pause'); 

$('#slider-form').cycle('resume'); 

选中example

<强>更新

你可以尝试这种不同的方式。

删除默认的next / prev选项。 创建自己的按钮。

点击该按钮后,使用下一个/上一个功能。

例如。

$("#my_next_button").click(function(){

 condition {

        $('#slider-form').cycle('next');
 }

});