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

白熊

我正在使用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的语法

VJS

默认情况下,bxslider应该始终从第一个幻灯片开始。因此,如果最后一张幻灯片首先显示出来,这有点奇怪。检查小提琴

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章