我的bxslider中没有启用加载器,如何启用它
bx滑块版本1.4
JavaScript代码
$(document).ready(function() {
$('.bxslider').bxSlider({
mode: 'fade',
auto: true,
pause: 5000,
speed: 2000,
autoStart:false,
preloadImages:'all',
});
});
在Html中,list元素包含内部元素
<div class="baner-slider">
<ul class="bxslider">
<li>
<span class="baner baner-1 ">
<span class="bg-shadow">
<span class="h1">g</span>
<span class="h4">We es</span>
<a href="#">learn more</a>
</span>
</span>
</li>
<li>
<span class="baner baner-2 ">
<span class="bg-shadow">
<span class="h1">Nd</span>
<span class="h4">edefefe</span>
<a href="#">learn more</a>
</span>
</span>
</li>
<li>
<span class="baner baner-3">
<span class="bg-shadow">
<span class="h1">ry</span>
<span class="h4">Ags .</span>
<a href="#">learn more</a>
</span>
</span>
</li>
<li>
<span class="baner baner-4">
<span class="bg-shadow">
<span class="h1">A</span>
<span class="h4">A Academia.</span>
<a href="#">learn more</a>
</span>
</span>
</li>
</ul>
<div class="arrow" id="arrw">
<img src="img/icons/arrw.png" alt="">
</div>
<div class="event-wrap hidden-xs hidden-sm">
<a href="http://intlpag.org/" target="_blank"><h4>Visit us at booth #507 at PAG 2017</h4></a>
</div>
答案 0 :(得分:0)
当我在li
中添加img标签时,问题就解决了感谢zer00ne的帮助