javascript - bxslider 样式配置

标签 javascript jquery html css bxslider

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

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

最佳答案

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

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

关于javascript - bxslider 样式配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11318247/

相关文章:

javascript - 使用 Javascript 修改 HTML 内容

php - 如何使用 PHP 或 javascript 显示与用户相同时区的日期时间?

jquery - 当窗口太小时,Bootstrap 选项卡无法正确显示

php - 通过 PHP 和 MySqL 进行数据替换触发

javascript - Angular 提供程序未加载

java - 如何在 JSF 中创建有效的 "select all"复选框

javascript - 执行Jquery function()的两个条件

Javascript 返回不中断函数

html - 线性渐变在 :before pseudo 中不起作用

html - 如何在ionic 5中生成QR码