bxSlider cotrols true, но не отображается

Question

В настоящее время я использую bxSlider, однако все это идет отлично, единственная проблема заключается в том, что у меня есть controls:true для моего слайдера, но они скрыты. Я хочу поставить стрелки как controls.There папка со стрелками управления, но не знаю, как реализовать их в jquery как img.Когда я нахожусь с левой и правой стороны, мой курсор выглядит как (clickable), но эти элементы управления скрыты. Вот мой код html + js.

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> 

ЯШИ:

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

Answer 1

Если вы можете щелкнуть пункты со стрелками, но вы не можете видеть Стрелки сам себе, то это выглядит, как вы не погрузка изображения для стрелки.

В обычной установке 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»