Flexslider startAt選項和directionNav似乎衝突

我在最後一張幻燈片上使用Flexslider 2.0和startAt選項。Flexslider startAt選項和directionNav似乎衝突

這似乎搞亂了定向導航。

以前有人有這個問題，並知道如何解決它？

我有沒有什麼特別使用的代碼：

$(".period-slides").flexslider({ 
     animation: "slide", 
     animationLoop: false, 
     itemWidth: 265, 
     minItems: 4, 
     maxItems: 4, 
     controlNav: false, 
     directionNav: true, 
     prevText: "\ue75d", 
     nextText: "\ue75e" 
     startAt: 7 
    });

編輯：HTML添加

<div class="period-slides"> 
    <ul class="slides"> 
    <li class="slide"><!-- repeated 8 times --> 
     <div class="period-overview"> 
     <p>Some Content</p> 
     </div> 
    </li> 
    </ul> 
</div>

編輯：這似乎沒有有在目前什麼位置合適的指示是，似乎在導航中的當前位置是第一張幻燈片。所以我在設置startAt時沒有正確設置導航。

來源

2013-01-13 markvandencorput

什麼意思是「弄亂方向導航」？點擊下一個箭頭的方式是否將滑塊滾動回第一個幻燈片，儘管「animationLoop：false」？ –

它似乎沒有適當的指示當前位置，似乎在導航中當前位置是第一張幻燈片。所以我在設置startAt時沒有正確設置導航。 – markvandencorput

你可能會發布與JS一起使用的HTML嗎？我問，因爲我修改了Flexslider附帶的一個樣本，並且能夠設置'startAt'就好了。 –

根據編輯中的HTML，您總共有8個項目，它們將分成兩個幻燈片（四個幻燈片）。

我想你所遇到的問題是，設置startAt 7太高 - 你只有兩張幻燈片，因此指數將需要1或0。

當我設置startAt〜7滑塊最初顯示爲空白，我不得不向後導航才能看到最後一張幻燈片。將startAt設置爲1或0會導致最初顯示正確的幻燈片。

來源

2013-01-17 10:13:50

當我查看Web檢查器中的索引時，它顯示了8個li的列表，而不是2個單獨的列表。 – markvandencorput

那麼當你將'startAt'設置爲0或1時會發生什麼？我剛剛在Chrome和FF中試過，值爲7的瀏覽器停止了導航，但0或1沒有問題。 –

它現在似乎正常工作。非常感謝:-) – markvandencorput

Flexslider startAt選項和directionNav似乎衝突

回答

相關問題