jquery - 如何让我的幻灯片循环播放？

Question

我想循环放映最后一张图片后回到第一张图片的幻灯片。我制作了一个包含 5 个不同图像的幻灯片 div，它们会在 x 时间后淡入淡出，但循环部分对我不起作用。谢谢你的帮助!

HTML:

<div id="slideshow2">
    <img class="slider1" src="images/car1.jpg"></img>
    <img class="slider2" src="images/car2.jpg"></img>
    <img class="slider3" src="images/car3.jpg"></img>
    <img class="slider4" src="images/car4.jpg"></img>
    <img class="slider5" src="images/car5.jpg"></img>
</div>

CSS:

#slideshow2{
    width: 600px;
    height: 400px;
    background: black;
    position: relative;
    margin: 0 auto;
}

.slider1, .slider2, .slider3, .slider4, .slider5{
    opacity: 0;
    position: absolute;
}

J查询:

    $(".slider1").animate({"opacity":"1"});
    $(".slider2").delay( 1500);
    $(".slider1").animate({"opacity":"0"});
    $(".slider2").animate({"opacity":"1"});
    $(".slider3").delay( 3000);
    $(".slider2").animate({"opacity":"0"});
    $(".slider3").animate({"opacity":"1"});
    $(".slider4").delay( 4500);
    $(".slider3").animate({"opacity":"0"});
    $(".slider4").animate({"opacity":"1"});
    $(".slider5").delay( 6000);
    $(".slider4").animate({"opacity":"0"});
    $(".slider5").animate({"opacity":"1"});
    $(".slider1").delay( 6000);
    $(".slider5").animate({"opacity":"0"});

Answer 1

在最后一个动画上添加回调函数

$(".slider5").animate({"opacity":"0"}, slideshow);