0

我正在我的网站中实现一个图像滑块(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”的文件夹中。

4

1 回答 1

4

在您的解决方案中,您没有引用 bxslider 的源文件。对于保存的 jquery 文档

例如,您在此脚本中错过了 http:

有关更多信息,请参阅此链接

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

于 2014-01-06T18:45:25.697 回答