Javascript Html未连接到js

所以我试图用js制作一个幻灯片，我已经请求了帮助，它正在运行，但在我当地的环境下不起作用，所以我想知道我是否有一些措辞或错误的地方，有人可以帮我看

HTML5

JavaScript

$(document).ready(function () {
    slider();
});

function slider(){
    var count = 1;

    $('#1').show();

    (function slide(){
        $('.slider img').hide();

        if (count > 3) {count = 1;} // makes this a loop

        $('#'+count).fadeIn('slow');
        count += 1;

        setTimeout(function () {
            slide();
        }, 5000);
    })();
}

---

我的“onload”命令正确吗？我使用Web Expression作为一个设计师，实际上我通过每个图像的url路径选择了图像，所以我知道路径是正确的（对js做了同样的事情）。JavaScript本身被称为“slider.js”，这会影响我的代码吗？这是我第一次尝试这样做，所以我不知道是什么原因导致它出错。

当你说本地环境时，它是否在你的计算机上以

文件：//

协议运行？（即，当您查看它时，它是类似于

file://C:\My\Files\index.html

）还是通过

http://

协议运行的服务器

如果是前者，则需要显式地将脚本srcs从

/

更改为

http://

/

表示“使用页面正在使用的任何协议”，这意味着它会尝试

file://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

，这显然是不存在的

---

这是唯一让我感到不舒服的地方，也是在本地工作时常见的错误。

如果是这样，将两个googleapis.com脚本src中的

/

更改为“http://”应该可以解决问题。太棒了，它现在已经出现了，但现在不再滑动了。图像闪入，然后闪入并停留，然后闪出，然后再闪入。更仔细地看你的代码，我认为你正在加倍努力，所以它是加倍超时的。

$（document）.ready

位基本上与onload相同，实际上是首选方法，因此只需完全终止您的

onload=“slider（）”

调用。好吧，很酷，现在它不再重复闪烁，但是它仍然没有像预期的那样从右边滑入新的页面，而你发布的JSFIDLE也没有滑出。它显示第一个，然后快速消失，另一个消失。听起来您描述的行为正是我在JSFIDLE中看到的。

.slider {
    width: 990px;
    height: 270px;
    overflow: hidden;
    margin: 30px auto;
    background-image: url('ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.slider img{
    border: 0;
    display: none;
}

$(document).ready(function () {
    slider();
});

function slider(){
    var count = 1;

    $('#1').show();

    (function slide(){
        $('.slider img').hide();

        if (count > 3) {count = 1;} // makes this a loop

        $('#'+count).fadeIn('slow');
        count += 1;

        setTimeout(function () {
            slide();
        }, 5000);
    })();
}