文章/答案/技术大牛

发布

问HTML - bxslider滑块实现
EN

Stack Overflow用户

提问于 2013-08-31 00:53:31

回答 1查看 7.8K关注 0票数 0

我正在实现一个图像滑块( am滑块)到我的网站。我完全遵循了http://bxslider.com/的设置说明，没有任何运气。这是我的html：

<!doctype html>

<html>
<head>

    <!-- jQuery library (served from Google) -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="bxslider/js/jquery.bxslider.min.js"></script>
    <!-- bxSlider CSS file -->
    <link href="bxslider/lib/jquery.bxslider.css" rel="stylesheet" />

    <script type="text/javascript">
        $(document).ready(function(){
        $('.bxslider').bxSlider();
        });
    </script>

</head>
<body>

    <ul class="bxslider">
      <li><img src="/images/pic1.jpg" /></li>
      <li><img src="/images/pic2.jpg" /></li>
      <li><img src="/images/pic3.jpg" /></li>
      <li><img src="/images/pic4.jpg" /></li>
    </ul>

</body>
</html>

提取的in滑块文件位于网站的根目录中，位于一个名为" bxslider“的文件夹中。

slider

gallery

bxslider

html

image

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-06 18:45:25

在您的解决方案中，您没有引用of滑块的源文件。以及保存的jquery文档。

例如，在这个脚本中，您错过了http：

有关更多信息，请参见此链接

http://www.knowledgewalls.com/b.gopalakrishnan92/books/jquery-examples/bx-photo-slider-example-program

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18543392

复制

相似问题

问HTML - bxslider滑块实现
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML - bxslider滑块实现EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML - bxslider滑块实现
EN