HTML - bxslider 实现答案

【问题标题】：HTML - bxslider ImplementationHTML - bxslider 实现
【发布时间】：2013-08-31 00:53:31
【问题描述】：

我正在我的网站中实现一个图像滑块 (bxslider)。我完全按照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>

解压出来的 bxslider 文件在网站根目录下名为“bxslider”的文件夹中。

【问题讨论】：

我没有看到您的代码有任何问题。我在fiddle 中试过这个。您的 Bxslider JS 文件是否正确引用？
我的服务器根目录中名为“bxslider”的文件夹中有 bxSlider 文件。我是否在我的代码中正确引用了它们？
希望如此。它很难确定。检查控制台，看看浏览器是否正在加载它们。
代码看起来不错。你搞定了吗？
是的，我有一个参考错误。感谢您的帮助！

标签： html image slider gallery bxslider

【解决方案1】：

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

例如你在这个脚本中错过了 http:

【讨论】：