請推薦：jQuery簡單的圖庫，擴大div和縱向或橫向圖像

Question

我想知道是否有任何人有過任何簡單的輕量級jQuery圖庫的經驗。

我對這個特定項目的要求很簡單，我真的試圖推出我自己的代碼，但是這對初學者來說有點令人迷惑。

我有一個大的div加載一個初始圖像。 隨後是任意數量的縮略圖圖像，並鏈接到各自的較大圖像。這些圖像都是相似的寬度，但高度不一。

我想單擊一個縮略圖，然後讓大圖像div淡出圖像，將高度設置爲新圖像（當然是動畫），然後淡入新圖像。

我把設置不透明度設置爲1％來給出這種幻覺，因爲將不透明度設置爲0似乎完全摺疊了div。

它不需要有幻燈片或任何功能，但發生的情況是有時主要的div會完全崩潰。

這是我的代碼

$('.clickedimage').click(function() { 
var newhref = $(this).attr('href'); // sets the variable for the new link 
    var curheight = $('.bigpic').height(); //gets the current height 
    $('.bigpic').attr('style', "height:"+curheight+"px"); 
    $('#largeimage').fadeOut('slow', function(){ 
     $('#largeimage').attr('src',newhref); 
     $('#largeimage').fadeTo('fast', 0.01, function(){ 
      var aheight = $('#largeimage').height(); 
     $('.bigpic').animate({ 
       height: aheight+'px' 
     }, 500, function(){ 
       $('#largeimage').fadeTo('slow',1); 
     }); 
     }); 
    }); 
    return false; // do not follow through with the links and disable them 
}); 

Answer 1

有可能是一個bazillllion那裏

http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/