jQuery滑块想要添加箭头到我的滑块

Question

这是我的jQuery滑块代码，我想添加右箭头和左箭头手动滑动滑块我该怎么做？
如果可能的话给我举例或代码。谢谢

\t $(window).load(function() { 
 

 
\t var i = 0; 
 

 
\t var images = ['../images/mainbanner.jpg', '../images/index.jpg']; 
 

 
\t var image = $('#sliderit'); 
 

 
\t //Initial Background image setup 
 

 
\t image.css('background-image', 'url(../images/mainbanner.jpg)'); 
 

 
\t //Change image at regular intervals 
 

 
\t setInterval(function() { 
 

 
\t  image.fadeOut(1000, function() { 
 

 
\t  image.css('background-image', 'url(' + images[i++] + ')'); 
 

 
\t  image.fadeIn(1000); 
 

 
\t  }); 
 

 
\t  if (i == images.length) 
 
\t  i = 0; 
 

 
\t }, 3000); 
 

 
\t }); 
 
\t `

Answer 1

你可以用下面的链接查看。

Fiddle

$(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(); 
    }); 




}); 

您可以使用简单的一个了。检查与Fiddle