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>