bxslider轮播代码 [英] bxslider carousel code

问题描述

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

i am trying to implement the slider from this site

http://bxslider.com/

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

i used the exact procedure what they said but still my code is not working can you guys tell me how to fix it

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

i am providing my fiddle code blow

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>

推荐答案

jsFiddle演示

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

In your markup, you are using relative paths to jquery.min.js, bxslider.min.js and bxslider.css files.

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

That means those files are locally available in their respective subfolders.

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

However, jsFiddle does not know the complete URL path, aka the absolute path, to those files.

更改路径，使它们成为完整的URL.

Change the paths so they are a complete URL.

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

Tip: In jsFiddle, you can import .js and .css files as assets using the Add Resources panel on left side.

这篇关于bxslider轮播代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！