Question

我在其Beta3版本（http://spaceforaname.com/galleryview）中使用名为GalleryView的jQuery插件。 Beta4版本计划内置播放/暂停动画控件。我的问题是：

如何在脚本外部模拟“播放”和“暂停”控件，而无需修改GalleryView代码。那有插件吗？或者可能是无证件的行动？

在初始化期间，可以决定是否要打开或关闭自动播放功能。

如果没有可用的动作/插件，你是如何解决的？您可以分享您应用的GalleryView修改吗？

此致吨。

Answer 1

我通过添加以下内容修改原始GalleryView脚本来解决这个问题：

paused变量，存储暂停/播放的状态（暂停时为true，播放时为false），

添加了以下回调定义：

/*
**  playPause()
**      Resume slideshow if paused, pause if slideshow playing.
 */
function playPause() {
    if(!paused) {
        // Pause slideshow in 500ms. This allows for brief swipes of the mouse over the gallery without unnecessarily pausing it
        $(document).oneTime(0,"animation_pause",function(){
            $(document).stopTime("transition");
            paused = true;
        });
        $('.gv-nav-play-pause').removeClass('gv-nav-pause').addClass('gv-nav-play');
    } else {
        $(document).stopTime("animation_pause");
        if(opts.transition_interval > 0) {
            $(document).everyTime(opts.transition_interval,"transition",function(){
                showNextItem();
            });
            paused = false;
        }
        $('.gv-nav-play-pause').removeClass('gv-nav-play').addClass('gv-nav-pause');
    }
};

添加了一个播放/暂停按钮，对其进行样式设置，并在playPause上附加了click回调和一些触摸事件（允许启用触摸功能的设备）。
< / LI>

它就像一个魅力，没有毛刺，但代码可能不完美 - 我不得不使用原始的GalleryView代码，这本身并不完美。

Answer 2

到目前为止，我还没有找到任何关闭自动播放的方法（我也想要这个选项）。据我所知，下一个版本将有播放器控件。截至这篇文章，它仍然不稳定但很有希望。以下是GalleryView作者对版本3 Beta4演示页面的链接：

http://spaceforaname.com/galleryview-3.0/testpage.html

Answer 3

我正在使用当前版本，需要在一个滑块上关闭自动播放功能。我通过在周期之间延迟10分钟来解决它。这给了9分钟视频在其中一个幻灯片播放时间。较长的延迟（30分钟）会有效地关闭自动播放。

需要jQuery GalleryView Beta3播放/暂停控件

3 个答案: