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