javascript - 添加返回下一个切换到简单的幻灯片

Question

我找到了一些我用来制作幻灯片的简单代码，但它是一个自动播放幻灯片，我想要自动播放功能以及下一个/后退切换。

这是我的代码：

$(function () {

    $("#slideshow > div:gt(0)").hide();

    setInterval(function () {
        $('#slideshow > div:first')
            .fadeOut(2000)
            .next()
            .fadeIn(2000)
            .end()
            .appendTo('#slideshow');
    }, 6000);

});

和 HTML

<div id="slideshow">
    <div>
        <a href="agency/thestudio.html">
            <img src="Images/slide1.gif" border="0" />
        </a>
    </div>
    <div>
        <a href="agency/mm.html">
            <img src="Images/slide2.gif" border="0" />
        </a>
    </div>
    <div>
        <a href="agency/thestudio.html">
            <img src="Images/slide3.gif" border="0" />
        </a>
    </div>
</div>