0

我已经根据文档尝试了各种方式，但无论我做什么，我似乎都无法让它暂停。

这是文档中的内容：

        slider.pause()    //Function: Pause slider slideshow interval
        slider.play()    //Function: Resume slider slideshow interval

但它没有指定如何定义滑块变量。我试过了：

    var slider = $('.flex-slider').flexslider({
        animation: "slide",
        easing: "swing",
        direction: "horizontal",
        animationLoop: true,
        slideshow: true,
        animationSpeed: 600,
        slideshowSpeed: 1200,
        controlNav: false,
        directionNav: false,
        pausePlay: false
    });

    $('.pause-button').on('click',function({
        slider.pause();
    });

这导致... http://puu.sh/4qpo3.png

我试过了：

        $('.flex-slider').flexslider().pause();

这导致... http://puu.sh/4qpcS.png

我试过了：

        $('.flex-slider').flexslider().pause(true);

这导致... http://puu.sh/4qpcS.png

总而言之，我只是没有看到我在这里做错了什么。

有人想提供一些见解吗？:)

4

2 回答 2

2

尝试$('.flex-slider').flexslider('pause')和$('.flex-slider').flexslider('play')。

于 2013-09-13T20:13:20.890 回答
2

嗨，我看到您关闭了该选项

 pausePlay: false

现在编辑一些东西。首先打开选项

pausePlay: true,
pauseText :"Pause",
playText  :"Play",

现在你会看到一个播放暂停文本出现在滑块中，有两个不同的付费和暂停类，只需使用 css 将你的图标图像添加到该类。您将拥有所需的功能。

于 2013-12-04T07:09:59.177 回答