在fullpage.js中自动播放幻灯片

时间:2016-02-09 15:41:29

标签: javascript jquery

我有this code

$('#fullpage').fullpage({   
    anchors: ['home', 'about', 'contact'],
    afterRender: function () {
        setInterval(function () {
            $.fn.fullpage.moveSlideRight();
        }, 2000);
    }
});

默认情况下,幻灯片从左向右移动。我的问题:当我们来到最后一张幻灯片时 - 幻灯片的动画从右到左,通过其他幻灯片发生。如何实现从最后一张幻灯片到默认动画(从左到右)的动画幻灯片?

对于垂直滚动,它已经完成了。如果我们写continuousVertical: true将获得this rusult

1 个答案:

答案 0 :(得分:2)

fullPage github项目存在一个问题,我认为这是在讨论你要做的事情:https://github.com/alvarotrigo/fullPage.js/issues/124

该插件作者表示他不会包含该功能,但后来表示您可以联系他以获取自定义该插件的帮助。

您可以尝试使用解决方法的人发表评论:

  
      
  1. 滚动到最后一张幻灯片时,为显示时间启动setTimeout(),然后“淡出”所有幻灯片。
  2.   
  3. 滚动到第一张幻灯片时,为“拉回”动作启动setTimeout(),然后“淡入”所有幻灯片。
  4.