jquery - 在没有插件的情况下点击幻灯片

Question

我有一个图片库，我想在单击左/右按钮时更改图像。我知道 Cycle Plugin 上有这个功能，但我不想在我的页面中使用太多插件。所以我试着这样做：

$(document).ready(function(){
    $('.gallery a').click(function(){
        var path = 'images/display/'
        var i = 2;
        event.preventDefault();
        $('.lightbox').removeClass('preloader').fadeIn();
        $('.display').html('<img src="'+path+i+'.jpg" />').addClass('imgdisplay');
    });
    $('.leftnav').click(function(){
        i++;
    });
    $('.rightnav').click(function(){
        i--;
    });
});

显然，它不起作用，但是，为什么？

非常感谢！

Answer 1

var i = 2;
var max = 10;
$('.gallery a').click(function(event) {
    var path = 'images/display/'
    event.preventDefault();
    $('.lightbox').removeClass('preloader').fadeIn();
    if ($(this).hasClass('leftnav')) {
      if(i== max) return;  
      i++;
    }
    else {
       if(i==0) return;
        i--;
    }
    $('.display').html('<img src="'+path+i+'.jpg" />').addClass('imgdisplay');
});