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

Question

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

  $(window).load(function() {

    var i = 0;

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

    var image = $('#sliderit');

    //Initial Background image setup

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

    //Change image at regular intervals

    setInterval(function() {

      image.fadeOut(1000, function() {

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

        image.fadeIn(1000);

      });

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

    }, 3000);

  });
  `

Answer 1

您可以通过下面的link进行检查。

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

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

jQuery slider want to add arrow to my slider

css

jquery

slider