bxSlider cotrols是真的但没有显示

时间:2016-01-22 15:28:14

标签: javascript jquery bxslider

我目前正在使用bxSlider,但现在一切都很完美,唯一的问题是我的滑块有controls:true,但它们是隐藏的。我想把箭头作为控件。有一个文件夹使用控制箭头,但不知道如何在jquery中实现它们作为img。当我在左侧和右侧悬停时,我的光标就像(可点击)但这些控件是隐藏的。这是我的html + js代码。

enter image description here

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
              }
          );         
});

1 个答案:

答案 0 :(得分:3)

如果你可以点击箭头点,但你自己看不到箭头,那么看起来你没有加载箭头的图像。

在常规bxslider设置中,css指向&#39;图像中的图像。像这样的文件夹:

webBrowserForPrinting.DocumentStream = File.OpenRead(strHTMLToPrint);

因此,您需要确保在juqery.bxslider.css中指向了&#39; images / controls.png&#39;

的正确位置