如何自动播放alvarotrigo / fullPage.js的滑块？

Question

我必须自动播放fullpage.js的滑块，但我找不到如何做到这一点。任何人都可以帮助我。我有一个3滑块，它必须连续滑动自动。

Answer 1

查看this issue和this demo。

$(document).ready(function () {
    $('#fullpage').fullpage({
        sectionsColor: ['#1bbc9b', '#4BBFC3'],
        afterRender: function () {
            setInterval(function () {
                $.fn.fullpage.moveSlideRight();
            }, 1000);
        }
    });
});

Answer 2

Fullpage.js没有自动幻灯片的内置功能。然而，我参与创建一个与您一样的愿望的网站。

您需要创建一个函数，该函数将setInterval与来自fullpage.js的$.fn.fullpage.moveSlideRight()结合使用。

以下是我为您创建的一个很好的示例：http://codepen.io/edgarklepek42/pen/KVKpZb

现在它每2秒更换一次。随意根据自己的喜好调整它。

我希望你明白了。