如何啓用BX滑塊

裝載機是不是在我bxslider啓動加載器，如何啓用這個如何啓用BX滑塊

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>

來源

2016-11-25 Sajan

我相信最新版本是4.2.5。你在bxSlider之前加入了jQuery嗎？我在HTML中看不到任何圖像，bxSlider需要具有高度和寬度的東西。 – zer00ne

作爲css的背景屬性給出的圖像 – Sajan

我明白了，在屏幕上看到的結果究竟是什麼，以及控制檯中出現了什麼錯誤？我也很好奇你有沒有看到任何圖像？ – zer00ne

T他問題解決了，當我在裏面添加img標籤時

感謝zer00ne的幫助

來源

2016-11-26 05:47:49 Sajan

如何啓用BX滑塊

回答

相關問題