Question

在这里设置我的bxslider图像滑块时有些麻烦。它似乎并没有采取我试图给它的任何风格，首先 - 但也是我不想要的“prev”和“next”文本链接。

任何人都有机会帮助我拍摄需要更改风格的地方，看起来更像这样！ - ＆GT; http://danielmdesigns.com/windermere/images/sliderexample.png

如果您需要其他内容，请告诉我，但要查看此内容，请访问http://www.danielmdesigns.com/windermere/index.html，我的HTML CSS和JS也在下面;

HTML

 <ul class="bxslider">
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 <li><img src="images/imagescroll_1.png" /></li>
 </ul>

CSS

.bxslider{
height:600px;
width:auto;
background-color:#c41230;
background-size:cover;
position:relative;
top:95px;
}

和我的JS在最终正文标记之上;

<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    autoControls: false
});
});
</script>

我真的只需要这个全宽度，只有显示的寻呼机点，位于我的滑块顶部...任何和所有帮助表示赞赏。

Answer 1

确保在导入默认的.bxslider css文件后声明自定义CSS 。这样你就可以覆盖默认值。

如何设置bxslider图像滑块的样式？

1 个答案: