Question

我正在使用bxslider来显示catoon。

    <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应始终以第一张幻灯片开头。所以如果先显示最后一张幻灯片，有点奇怪。查看fiddle

但仍然需要解决此问题，请尝试明确使用此选项“startSlide”

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

由于某种原因，bxslider幻灯片放映首先显示最后一页

1 个答案: