我正在使用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的语法
默认情况下,bxslider应该始终从第一个幻灯片开始。因此,如果最后一张幻灯片首先显示出来,这有点奇怪。检查小提琴
但仍要解决此问题,请尝试明确使用此选项“ startSlide”
$(document).ready(function(){
$('.bxslider').bxSlider({
startSlide:0
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句