jQuery以编程方式进行幻灯片放映

我有一个div，里面有一个img标签。如何在div中以编程方式幻灯片显示不同的图像？我不想重新发明轮子，但我不想使用插件

---

编辑：我确实有一个图像列表。

最简单的一个是在div中旋转图像

---

最简单的一个是在div内旋转图像

---

我用过，看起来不错

我用过，看起来不错

您是否有要作为幻灯片放映的所有图像的列表？或者，您是否计划对每张幻灯片进行ajax调用？是否有要作为幻灯片放映的所有图像的列表？或者你打算在每张幻灯片上调用ajax？Thx bro，但我不想使用插件。它使用的一些概念可能很有用。由于图像加载可能不是一件很快的事情，所以最好在页面加载后立即在后台连续加载图像。为此，加载第一个图像并保存它，在该图像的onload事件上加载第二个图像，依此类推。然后，当你的幻灯片“滑动”时，你的图像将为你准备好，你可以随心所欲地操作它。对于那些可以使用插件的人来说，Bootstrap Carousel是超级直接的Thx bro，但我不想使用插件。它使用的一些概念可能很有用。由于图像加载可能不是一件很快的事情，所以最好在页面加载后立即在后台连续加载图像。为此，加载第一个图像并保存它，在该图像的onload事件上加载第二个图像，依此类推。然后，当你的幻灯片“滑动”时，你的图像将为你准备好，你可以随心所欲地操作它。对于那些可以使用插件的人，引导旋转木马是超级直接的Thx，我将使用一个变体。致以最良好的祝愿。谢谢，我将使用一个变体。最美好的祝福。

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});