javascript - 幻灯片.js 不工作

Question

我有 HTML，其中包含以下顺序的脚本

<script src="../static/js/jquery.js" type="text/javascript">
<script src="../static/js/bootstrap.js" type="text/javascript">
<script src="../static/js/slides.js" type="text/javascript">
<script src="../static/js/app.js" type="text/javascript">  

并且图像与 div 绑定(bind)为

<div id="slideshow">
    <div id="slides">
        <img src="../static/img/slideshow/01.JPG">
        <img src="../static/img/slideshow/02.JPG">
        <img src="../static/img/slideshow/03.JPG">
        <img src="../static/img/slideshow/04.JPG">
        <img src="../static/img/slideshow/05.JPG">
        <img src="../static/img/slideshow/06.JPG">
    </div>
</div>

其中 jquery.js 是 JQuery v1.7.2，slide.js 是最新下载的 slide.js。

对我来说，这似乎也是正确的顺序。我的 app.js 做的是

$(function(){
    $('#slides').slides({
        width: 600,
        height: 120,
        pagination: false,
        previous: false
    });
    $('#slides').slides("play");
}); 

我在 Firefox 和 Chrome 上都试过了，好像都不行，我所有的图片都一个接一个显示

我在这里没有做什么？？

Answer 1

你忘记了一些 div 类。

您可以在此处找到我放置的 jsfiddle 示例:http://jsfiddle.net/rNF8G/

编辑 1:

您可以将 play: 2000 属性添加到第一个 block ，而不是像这样调用它:$('#slides').slides("play");在这里查看我的编辑:http://jsfiddle.net/rNF8G/1/

编辑 2:

要删除分页，您所要做的就是添加以下属性:

generatePagination: false

您可以在以下更新中看到它:http://jsfiddle.net/rNF8G/117/