Question

用javascript编写图片自动切换 图片的代码怎么编写啊，为什么我的图片一切换就显示不出来 快帮帮忙啊

Answer 1

不应该用SetTimeOut 方法 这个方法只会加载完成1秒之后 执行第一次(且只执行第一次) 并不是每隔一秒就会执行
如果想要实现图片自动切换 你把SetTimeOut这个方法 换成setInterval这个方法 就可以实现了

追问

怎样让它一直执行呢？ 图片的代码就写那一行吗？

追答

想了很久  测试了多次  方法setTimeout 调用方法不成功   你这种写法调用根本不可成功

然后我就在想 是不是应该在function里 把这个change方法套进去 然后自己亲手测试  果然这样就成功了

首先你要理清逻辑  你的所有图片都已经有路径   你还在js中给src赋值有意义吗   这是没有意义的   所以我们在js中需要中的就是图片的显示和隐藏    默认显示第一张图片  如果需要显示下一张图片  你不能直接显示   你必须将前面一张图片隐藏  然后显示第二张图片  依次类推  同样操作

<script type="text/javascript">
    $(function () {

        change(1);
        //setTimeout(function () {
        //    change(1);
        //}, 1000)

        function change(i) {
            if (i == 4) {
                i = 1;
            }
            console.log(i);
            $("#imgPanel").find("img").css("display", "none");
            $("#imgPanel").find("img[name='test" + i + "']").css("display", "block");
            i++;
            setTimeout(function () { change(i) }, 1000);
        }
    });

</script>

Answer 2

没有代码怎么帮你看呢？先把代码发上来吧。
我估计是你赋值的图片路径不对吧

追问

应该怎样改呢，我不知道该怎样做，好难啊

追答

搞定了，测试成功，return返回最后a变化的值