bxslider 轮播代码

Posted 2023-05-08

【中文标题】bxslider 轮播代码

【英文标题】：bxslider carousel code

【发布时间】：2012-12-07 05:23:47

【问题描述】：

我正在尝试从这个站点实现滑块

http://bxslider.com/

我使用了他们所说的确切程序，但我的代码仍然无法正常工作 能告诉我怎么解决吗

我正在提供我的小提琴代码

http://jsfiddle.net/v3efb/3/

http://jsfiddle.net/v3efb/3/embedded/result/

在下面提供我的代码

<ul class="bxslider">
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
  <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
</ul>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider javascript file -->
<script src="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

<script>

    $(document).ready(function()
  $('.bxslider').bxSlider();
);


</script>

【问题讨论】：

user1914176，我的回答解决了你的问题吗？

【参考方案1】：

jsFiddle DEMO

在您的标记中，您使用 相对路径 到 jquery.min.js、bxslider.min.js 和 bxslider.css 文件。

这意味着这些文件在其各自的子文件夹中本地可用。

但是，jsFiddle 不知道这些文件的完整 URL 路径，也就是 绝对路径。

更改路径，使其成为完整的 URL。

提示：在 jsFiddle 中，您可以使用左侧的 添加资源 面板将 .js 和 .css 文件作为资产导入.