簡體   English   中英

如何在bx滑塊中啟用加載程序

[英]How enable loader in bx slider

我的bxslider中未啟用加載程序,如何啟用它

bx滑塊1.4版

JavaScript代碼

$(document).ready(function() {
 $('.bxslider').bxSlider({
            mode: 'fade',
            auto: true,
            pause: 5000,
            speed: 2000,
            autoStart:false,
            preloadImages:'all',
 });
});

在HTML中,列表元素包含內部元素

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

當我在li中添加img標簽時,此問題已解決

感謝zer00ne的幫助

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM