右側和左側導航的jquery圖片庫

Question

我有這個圖片庫使用jquery，我應該從頭開始創建。我不能從左側和右側導航的一部分開始，其中它應該導航到全視圖中的每個圖像預覽，併爲當前選擇的圖像在右側的右側縮略圖圖標上給出活動類。

我已經做出了這樣的部分，每當一個圖像點擊右側時，它會顯示在左側的全視圖。

請幫助我將左右導航放在當前圖像上的活動課上。我真的開始了，但它不會在所有圖像中穿透。

這裏的小提琴鏈接：http://jsfiddle.net/ftLnpp0z/

$('#rightnav').click(function (e) { 
     e.preventDefault(); 
     var newsrc = $('.img').next().attr("src"); 
     $('#imgfullview').attr('src', newsrc).load(function(){ 
      this.width; 
     }); 
    }); 

    $('#leftnav').click(function (e) { 
     e.preventDefault(); 
     var newsrc = $('.img').prev().attr("src"); 
     $('#imgfullview').attr('src', newsrc).load(function(){ 
      this.width; 
     }); 
    }); 

    $('.img').click(function() { 
     $(".img.active").removeClass("active"); 
     $(this).addClass("active"); 
     var newsrc = $(this).attr("src"); 

     $('#imgfullview').attr('src', newsrc).load(function(){ 
      this.width; 
     }); 
    }); 

Answer 1

解決我的問題，通過創建一個和下一個按鈕，我自己的編程邏輯在http://mcristuta.site40.net/Image_Gallery/