在 Flexslider 中添加单独的播放暂停按钮答案

【问题标题】：Add separate playpause button in Flexslider在 Flexslider 中添加单独的播放暂停按钮
【发布时间】：2014-04-04 13:40:09
【问题描述】：

我正在尝试在我的 flexslider 演示文稿中添加一个播放暂停按钮。我想在 html 页面的其他位置添加一个单独的按钮，而不是标准的播放暂停按钮（在演示文稿内）。

不幸的是，我不是 javascript 方面的专家。我似乎无法弄清楚如何在我的页面上的其他地方制作一个元素（比如图像），就像播放暂停按钮一样。如何将其连接到正确的脚本？

如果这太难了，只需一个播放按钮也可以...因为当访问者单击下一个或上一个时，演示会自动暂停。

希望任何人都可以帮助我们！谢谢

【问题讨论】：

你当前的密码是多少？

标签： javascript imagebutton playback flexslider

【解决方案1】：

创建一个按钮，

<input type='button' value='START SLIDESHOW' id='play-gallery' />

然后为它写js代码，

将代码放入flexslide的函数中，

$('.flexslider').flexslider({
   animation: "slide",
        controlNav: false,
        pausePlay: false,
        slideshowSpeed: 4000,
        slideToStart: 0,
   start: function(slider) {
       var slideshowPlaying = true;
        $('#play-gallery').click(function() {
                    if($('ul.slides li').length > 1) {
                        if (slideshowPlaying == true) {
                            slideshowPlaying = false;
                            slider.pause();
                            $('#play-gallery').html('START SLIDESHOW');
                        } else {
                            slideshowPlaying = true;
                            slider.flexAnimate(slider.getTarget("next"));
                            slider.play();
                            $('#play-gallery').html('STOP SLIDESHOW');
                        }
                    }
                });
   }
});

【讨论】：

【解决方案2】：

@HB Kautil +1 为您解答。但我只需要更改代码的两部分。会将此添加为评论，但我的“声誉”还不存在。

$('#play-gallery').val('START SLIDESHOW');

和

$('#play-gallery').val('STOP SLIDESHOW');

除此之外，您的回答完成了所有繁重的工作:)

【讨论】：