bxslider样式配置

时间:2012-07-03 19:57:21

标签: javascript jquery html css bxslider

我正在尝试设置bxslider,一个jquery滑块插件,但是他们的文档并没有告诉你如何设置滑块的样式,就像设置网页的示例一样。到目前为止我有这个代码:

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider({
    auto: false,
    pager: true,
});
  });
</script>
</head>
<body>
<ul id="slider1">
  <li>Slide one content</li>
  <li>Slide two content</li>
  <li>Slide three content</li>
  <li>And so on...</li>
</ul>
</body>
</html>

我需要添加什么才能让按钮和格式设置与此页面一样:http://bxslider.com/

1 个答案:

答案 0 :(得分:1)

您需要拥有bx_styles文件夹并链接到bx_slider样式表。

https://github.com/wandoledzep/bxslider/tree/master/bx_styles