bxSlider cotrols true，但沒有顯示

我目前使用的是bxSlider，但現在一切都很順利，唯一的問題是我的滑動條有controls:true，但它們是隱藏的。我想把箭頭當作控件。一個包含控件箭頭的文件夾，但不知道如何在jQuery中將它們作爲img來實現。當我將鼠標懸停在左側和右側時，我的光標就像（可點擊），但這些控件是隱藏的。這裏是我的html + js代碼。bxSlider cotrols true，但沒有顯示

HTML：

<div class="headerSliderHolder"> 
         <ul class="bxslider"> 
          <li> 
           <img src="img/slider_1.png" alt="Slider_1"> 

          </li> 
          <li> 
           <img src="img/slider_2.png" alt="Slider2"> 
          </li> 
          <li>  
           <img src="img/slider_3.png" alt="Slider3"> 
          </li> 
         </ul> 
</div>

JS：

document.addEventListener("DOMContentLoaded",function(){ 
    $(document).ready(function(){ 
      $('.bxslider').bxSlider({ 
       mode:'fade', 
       controls:true, 
       responsive:true, 
       auto:true, 
       speed:800, 
       pause:2500 
       } 
     );   
});

來源

2016-01-22 Nasco.Chachev

所以檢查一下，看看它們爲什麼被隱藏起來...... –

@ A.Wolff我一直在檢查這麼久，我已經生氣了。 –

也許你可以提供在線鏈接？！ –

如果你可以單擊箭頭點，但你不能看到那麼自理看起來你不加載箭頭圖像的箭頭。

在常規bxslider設置的CSS點到圖像中的「圖片」文件夾是這樣的：

.bx-wrapper .bx-prev { 
    left: 10px; 
    background: url(images/controls.png) no-repeat 0 -32px; 
} 

.bx-wrapper .bx-next { 
    right: 10px; 
    background: url(images/controls.png) no-repeat -43px -32px; 
}

所以，你需要確保你的juqery.bxslider.css你指向正確的'images/controls.png'的位置

來源

2016-01-22 15:33:39 BinaryGhost

哦，酷夥伴......我的CSS路徑錯了，我修好了！非常感謝你，我很頭疼，想問問題來自哪裏......我很遲鈍。謝謝。 –

很高興幫助:)不要對自己很難這發生在每個人身上 – BinaryGhost

bxSlider cotrols true，但沒有顯示

回答

相關問題