bxslider最後一張幻燈片將不會被設置爲startSlide

我有問題將我的bxslider中的最後一張幻燈片設置爲第一張幻燈片。bxslider最後一張幻燈片將不會被設置爲startSlide

以下代碼將所有其他幻燈片設置爲列表中的第一個，但最後一個幻燈片始終顯示爲列表中的最後一個。

這裏是JavaScript：

$(document).ready(function(){ 

    var count = $('.bxslider li.active').index(); 


    $('.bxslider').bxSlider({ 
    minSlides: 8, 
    maxSlides: 8, 
    slideWidth: 121, 
    slideMargin: 12, 
    pager: false, 
    startSlide: count, 
    moveSlides: 1, 
    infiniteLoop: true 
    }); 

});

林不知道這是否是使用infiniteLoop或有事做，但如果任何人都可以在這個閃耀的一些光，這將是偉大的！

謝謝

來源

2013-12-10 Ryano

您能否使用您的代碼創建小提琴並演示您的問題？ http://jsfiddle.net/trevordowdle/vgJ9X/18/可能是一個很好的起點，因爲'bxslider'已經被加載。 – Trevor

似乎工作正常 - http://jsfiddle.net/4QWc9/ – VJS

我在嘗試調整某些用戶體驗時也經歷過相同的情況。

我發現如果幻燈片在加載滑塊之前隱藏，則不會遵守'startSlide'選項。

我已經通過CSS隱藏了所有幻燈片，除了默認幻燈片，因爲幻燈片最初會在加載時顯示，然後在bxSlider初始化後消失。爲了防止這種情況發生，我創建了一個名爲'hideuntilloaded'的css類，其中輸入了display:none;，並應用於幻燈片以防止它們在加載過程中顯示。一旦滑塊成功加載，我就從幻燈片中刪除了該類。

這導致上述問題的'startSlide'選項不服從（以及其他一些包括重複條目開始出現！）。

要解決這個問題，請確保在初始化滑塊之前，通過在啓動滑塊之前刪除行上的'hiduntilloaded'類，再次顯示幻燈片。例如：$('.hideuntilloaded').removeClass('hideuntilloaded');

它似乎仍然可以防止幻燈片在裝載過程中閃爍。

如果您正在做與幻燈片的可見性類似的任何事情，那麼這可能是原因。

來源

2016-07-04 15:03:28 Radderz

bxslider最後一張幻燈片將不會被設置爲startSlide

回答

相關問題