0

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

如何从脚本外部模拟“播放”和“暂停”控件,而无需修改 GalleryView 代码。有什么插件吗?或者可能是无证行为?

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

如果没有可用的操作/插件,您是如何解决的?您可以分享您应用的 GalleryView 修改吗?

问候,T。

4

3 回答 3

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以及一些触摸事件(以允许启用触摸的设备)。

它就像一个魅力,没有小故障,但代码可能并不完美——我不得不使用原始的 GalleryView 代码,它本身并不完美。

于 2011-12-30T13:58:15.790 回答
0

到目前为止,我还没有找到任何关闭自动播放的方法(我也想要那个选项)。据我了解,下一个版本将具有播放器控件。截至这篇文章,它仍然不稳定但很有希望。这是 GalleryView 作者提供的第 3 版 Beta4 演示页面的链接:

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

于 2011-05-09T16:11:39.830 回答
0

我正在使用当前版本,需要在一个滑块上关闭自动播放。我通过在周期之间延迟 10 分钟来解决它。这使其中一张幻灯片中的 9 分钟视频有时间播放。更长的延迟(30 分钟)将有效地关闭自动播放。

于 2011-05-11T17:51:40.903 回答