Javascript 尝试使图像滑块循环

我制作了一个带有两个图像的滑块，我让它在几秒钟后改变，但我希望它在几秒钟后恢复到原始图像，而不仅仅是停止

jsfiddle-

$（文档）.ready（函数（）{
$（“#pic1”）.show（函数（）{
美元（“#pic1”）。淡出（5000）；
$（“#pic2”）.fadeIn（）；
});
});

几点：

1） 你所做的不是滑球。。与定义不符

如果要制作滑块，请使用jQuery

animate（）

进行水平滑动

2） 要滑动图像，请使用具有所需时间间隔的

setInterval（）

3） 一种基本的方法是使用循环数组继续以相同的值一次又一次地遍历

4） 使用

is（“：visible”）

检查包含每个图像id的每个数组元素，这将有助于检测它是否可见，并且从那时起它已被选中，然后通过使用

animate（）

希望你能理解

这里我为您编写了代码

---

图像的数量固定吗？为什么不使用已经存在的滑块插件，就像可以使用两个函数并不断循环它们一样（如果图像的数量固定）查看演示我已经为您更新了它！！如果你明白这一点，我很高兴告诉你如何改进它，使平滑滑动效果

<article>
        <div class="slider">
        <img id="pic1" src="images/main-banner.png" alt="main banner" class="main_banner">
        <img id="pic2" src="images/nutrition-banner.png" alt="nutrition banner" class="main_banner ">
        </div>
</article>




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

        $("#pic1").show(function(){
            $("#pic1").fadeOut(5000);
            $("#pic2").fadeIn();

        });

    });
</script>