Javascript bxSlider控制符为真,但未显示
我目前正在使用bxSlider,但是现在一切都很完美,唯一的问题是我的滑块有Javascript bxSlider控制符为真,但未显示,javascript,jquery,bxslider,Javascript,Jquery,Bxslider,我目前正在使用bxSlider,但是现在一切都很完美,唯一的问题是我的滑块有控件:true,但它们是隐藏的。我想把箭头作为控件。有一个文件夹包含控件箭头,但不知道如何在jquery中将它们作为img实现。当我在左右两侧悬停时,我的光标像(可点击),但那些控件是隐藏的 html: <div class="headerSliderHolder"> <ul class="bxslider">
控件:true
,但它们是隐藏的。我想把箭头作为控件。有一个文件夹包含控件箭头,但不知道如何在jquery中将它们作为img实现。当我在左右两侧悬停时,我的光标像(可点击),但那些控件是隐藏的
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>
如果您可以单击箭头点,但自己看不到箭头,则看起来您没有加载箭头的图像 在常规bxslider设置中,css指向“images”文件夹中的图像,如下所示:
.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”的正确位置因此,请检查它并查看它们隐藏的原因。...@A.Wolff我检查了这么久,感到非常气愤。也许您可以提供在线链接?!哦,酷伙计。。。我的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;
}