2016-05-05 53 views
-1

我看到重複旋轉木馬如何使用JavaScript?

http://kenwheeler.github.io/slick/

一些轉盤和我想知道他們如何重複幻燈片一樣,如果有5張幻燈片,當我按下一個按鈕,當我在5日滑動滑右爲1前沒有跳躍的方式回到左1

我想知道如何編寫它

請沒有的jQuery,JavaScript的將不勝感激。

如果有誰知道,請幫助我

+0

我的意思不是這樣的:http://jsfiddle.net/bew6Z –

+1

他們使用克隆項目循環。 – Julia

回答

2

他們四處移動頁面,當他們到達末端:

對於最後一個頁面,按NEXT:

  1. 他們先動第一頁在最後一頁之後以可視方式放置 - 就在右側的視口之外。
  2. 然後他們滑向右邊。
  3. 最後,修復所有頁面的位置(它們將第一頁移回開始位置,並移動視口以立即顯示,無需動畫)。

第一頁,按下BACK:

同樣的想法相反 - 移動最後一頁最先出現,第一頁之前,滑回,修復頁面,並視無動畫。