我目前正在使用bxSlider,但现在一切都很完美,唯一的问题是我的滑块有controls:true
,但它们是隐藏的。我想把箭头作为控件。有一个文件夹使用控制箭头,但不知道如何在jquery中实现它们作为img。当我在左侧和右侧悬停时,我的光标就像(可点击)但这些控件是隐藏的。这是我的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>
JS:
document.addEventListener("DOMContentLoaded",function(){
$(document).ready(function(){
$('.bxslider').bxSlider({
mode:'fade',
controls:true,
responsive:true,
auto:true,
speed:800,
pause:2500
}
);
});
答案 0 :(得分:3)
如果你可以点击箭头点,但你自己看不到箭头,那么看起来你没有加载箭头的图像。
在常规bxslider设置中,css指向&#39;图像中的图像。像这样的文件夹:
webBrowserForPrinting.DocumentStream = File.OpenRead(strHTMLToPrint);
因此,您需要确保在juqery.bxslider.css中指向了&#39; images / controls.png&#39;
的正确位置