jquery - 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的数据大小有关......

{{asset('bundles/acmetop/images/uniq/img_about_comic04.gif')}} 只是 symfony2 的语法

Answer 1

默认情况下，bxslider 应始终从第一张幻灯片开始。所以如果最后一张幻灯片先显示就有点奇怪了。检查小提琴

但仍然要修复它，请尝试明确使用此选项“startSlide”

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