使用fullpage.js - 是否可以讓每張幻燈片上的元素按順序加載？

Question

我使用fullpage.js創建http://www.apple.com/uk/iphone-5s/效果。

它工作正常但是我需要在幻燈片上順序地淡化一堆單獨的元素，但只有當相應的元素滑動時才被選中/激活。

我相信最好的辦法是將元素設置爲選擇視口上的onLoad，除非我試圖做到這一點，我似乎正在遇到與fullpage-js的jQuery衝突問題，反之亦然。

任何人都可以推薦一個解決方案嗎？

感謝

Answer 1

如果你正在嘗試一旦用戶到達它這麼執行一些代碼每張幻燈片，那麼你可以使用afterLoad或onLeave事件做到這一點。

在這裏，你有這樣的使用的一個活生生的例子： http://alvarotrigo.com/fullPage/examples/callbacks.html

你的初始化應該類似於：

$.fn.fullpage({ 
    'afterLoad': function (anchorLink, index) { 
     //for section 2... 
     if (index == 2) { 
      //whatever 
     } 
    }, 

    'onLeave': function (index, nextIndex, direction) { 
     //going from section 3 to 4 
     if (index == 3 && direction == 'down') { 
      //whatever 
     } 

     //going form section 3 to 2 
     else if (index == 3 && direction == 'up') { 
      //whatever 
     } 
    } 
}); 

如果你想要的是做一些幻燈片上，而不是在部分，那麼你應該使用甚至afterSlideLoad。