bxslider style configuration

喜夏-厌秋 提交于 2020-01-05 12:57:24

问题


I am trying to setup bxslider, a jquery slider plugin, but their documentation does not tell you how to setup the slider's style like the webpage's examples are setup. I have this code So far:

<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>

What do I need to add in order to have the buttons and formatting setup like they are on this page: http://bxslider.com/


回答1:


You need to have the bx_styles folder and link to the bx_slider stylesheet.

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



来源:https://stackoverflow.com/questions/11318247/bxslider-style-configuration

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!