如何在bx滑块中启用加载程序

时间:2016-11-25 07:20:04

标签: javascript jquery bxslider

我的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>

1 个答案:

答案 0 :(得分:0)

当我在li

中添加img标签时,问题就解决了

感谢zer00ne的帮助