bxslider旋转木马代码(bxslider carousel code)

我想从这个网站实现滑块

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>

Answer 1:

的jsfiddle DEMO

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

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

然而，的jsfiddle不知道完整的URL路径，又名绝对路径 ，这些文件。

更改路径，以便他们是一个完整的URL。

提示：在的jsfiddle，你可以导入.js和.css文件，使用在左侧的添加资源面板资源。

文章来源: bxslider carousel code