jQuery滑块要将箭头添加到我的滑块中吗

这是我的jQuery滑块代码，我想为手动滑入滑块添加右箭头和左箭头。我应该怎么做？
如果可能的话，给我一个例子或代码。多谢各位

$（窗口）.load（函数（）{
var i=0；
var images=['../images/mainbanner.jpg'，'../images/index.jpg']；
var image=$（“#sliderit”）；
//初始背景图像设置
css（'background-image'，'url（../images/mainbanner.jpg'）；
//定期更改图像
setInterval（函数（）{
image.fadeOut（1000，函数（）{
css（'background-image'，'url（'+images[i++]+'））；
fadeIn（1000）；
});
if（i==images.length）
i=0；
}, 3000);
});
`

您可以通过以下链接进行检查

---

你也可以用简单的。检查一下这个

thanx，但我想要手动滑动和自动滑动。你有什么想法吗？是的，检查新的链接。Thanx的，但我给autoplay的超时值是多少？你可以加上超时：2，Thanx的帮助我从你的答案中得到了想法，我在我的代码上实现了，但不幸的是，它在我的代码上工作。

 $(document).ready(function(){
$('.sp').first().addClass('active');
$('.sp').hide();    
$('.active').show();

    $('#button-next').click(function(){

    $('.active').removeClass('active').addClass('oldActive');    
                   if ( $('.oldActive').is(':last-child')) {
        $('.sp').first().addClass('active');
        }
        else{
        $('.oldActive').next().addClass('active');
        }
    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn();


    });

       $('#button-previous').click(function(){
    $('.active').removeClass('active').addClass('oldActive');    
           if ( $('.oldActive').is(':first-child')) {
        $('.sp').last().addClass('active');
        }
           else{
    $('.oldActive').prev().addClass('active');
           }
    $('.oldActive').removeClass('oldActive');
    $('.sp').fadeOut();
    $('.active').fadeIn();
    });




});