bxslider幻燈片顯示由於某種原因首先顯示最後一頁

Question

我正在使用bxslider顯示動畫。

<div class="slideBox"> 
    <ul class="bxslider"> 
    <li><img src="{{ asset('bundles/acmetop/images/uniq/img_about_comic01.gif')}}" alt=""></li> 
    <li><img src="{{ asset('bundles/acmetop/images/uniq/img_about_comic02.gif')}}" alt=""></li> 
    <li><img src="{{ asset('bundles/acmetop/images/uniq/img_about_comic03.gif')}}" alt=""></li> 
    <li><img src="{{ asset('bundles/acmetop/images/uniq/img_about_comic04.gif')}}" alt=""></li> 
    </ul> 

    </div> 


<script type="text/javascript"> 
$(document).ready(function(){ 
$('.bxslider').bxSlider(); 
}); 
</script> 

加載時，有時第一頁顯示正確，有時會出現最後一頁。

我該如何解決這個問題？

我估計是相關與GIF的數據大小.....

{{資產（ '束/ acmetop /圖像/ uniq的/ img_about_comic04.gif'）}}只是Symfony2的語法

Answer 1

默認情況下，bxslider應始終以第一張幻燈片開始。所以如果最後一張幻燈片首先顯示有點奇怪。檢查fiddle

但還是解決它，嘗試使用該選項明確「startSlide」

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    startSlide:0 
    }); 
    });