fullpage.js - 如何設置2組不同的幻燈片 - 一個動作和一個不

Question

我使用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); 
     } 
    }); 
}); 

感謝

Answer 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); 
      } 
     } 
    }); 
}); 

Live example