1

我正在使用https://github.com/alvarotrigo/fullPage.js进行整页滚动，想知道是否有人可以帮助我...

有一个自动播放幻灯片（左右）的功能，但我不够精明，无法理解如何在一个部分而不是第二部分实现这一点。

在下面的示例中：http: //jsfiddle.net/2dhkR/106/ 我想要第 2 部分 - 能够进行自动幻灯片模式，并且第 3 部分没有自动幻灯片模式。

<div id="fullpage">
    <div class="section">Section 1</div>
    <div class="section">Section 2
        <div class="slide">Slide 2.1 - should autoslide</div>
        <div class="slide">Slide 2.2 - should autoslide</div>
    </div>
    <div class="section">Section 3
        <div class="slide">Slide 3.1 - should not autoslide</div>
        <div class="slide">Slide 3.2 - should not autoslide</div>
    </div>
</div>


$(document).ready(function () {
    $('#fullpage').fullpage({
        'slidesColor': ['#AAA', '#FFB', '#0BD'],
        'scrollingSpeed': 700,
        'anchors': ['first', 'second', 'third', 'forth'],
        'controlArrowColor': '#000',
            'navigation': true,
            'navigationPosition': 'right',
            'navigationColor': '#000',
            'navigationTooltips': [],
            'slidesNavigation': true,
            'slidesNavPosition': 'bottom',
            'controlArrowColor': '#000',
            'loopBottom': true,
            'loopTop': false,
            'loopHorizontal': true,
            'autoScrolling': true,
            'scrollOverflow': true,

        afterRender: function () {
            setInterval(function () {
                $.fn.fullpage.moveSlideRight();
            }, 2000);
        }
    });
});

谢谢

4

1 回答 1

1

您可以在您发布相同问题的 fullpage.js 论坛中找到答案： https ://github.com/alvarotrigo/fullPage.js/issues/431#issuecomment-42404270

$(document).ready(function() {
    $.fn.fullpage({
        slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
        loopBottom: true,
        afterRender: function(){
            idInterval = setInterval(function(){
                    $.fn.fullpage.moveSlideRight();
            }, 2500);
        },
        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){
            if(index == 1 && slideIndex == 1){
                clearInterval(idInterval);
            }
        }
    });
});

活生生的例子

于 2014-05-10T17:15:04.217 回答