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');
});