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

我有这个代码 。

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

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

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

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

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

还有一个人可以尝试使用解决方法的评论:

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