jquery - jQuery スライド ショーに [次へ] または [前へ] ボタンを追加する

Question

jQuery スライド ショーを作成しましたが、次へボタンと前へボタンを追加する方法を知る必要があります。助けていただければ幸いです

$(document).ready(function(){
var nextSlide = $("#slides img:first-child");
var nextCaption;
var nextSlideSource;
var timer;
$("#featuredSlider").mouseenter(function(){
        if (timer) { clearInterval(timer) }

});
$("#featuredSlider").mouseleave(function(){
timer = setInterval(
    function(){
        $("#caption").fadeOut(1000);
        $("#slide").fadeOut(1000,
            function(){
                if (nextSlide.next().length == 0) {
                    nextSlide = $("#slides img:first-child");
                }
                else{
                    nextSlide = nextSlide.next();
                }
                nextSlideSource = nextSlide.attr("src");
                nextCaption = nextSlide.attr("alt");
                $("#slide").attr("src", nextSlideSource).fadeIn(1000);
                $("#caption").text(nextCaption).fadeIn(1000);

            })
    },3000);
})
.mouseleave();
});