写真選択をサポートするjQueryギャラリー

Question

マウスクリックによる写真選択をサポートする単純なjQuery写真ギャラリー（画像の単なるテーブル）が必要です（例えば、境界の色/幅の変更によって）。何かありますか？

Answer 1

これは、構築が簡単で、ギャラリーが必要なのはなぜですか？ここで

HTML

<table id="gallery"> 
    <tr></tr> 
</table> 

は、どのプラグインと統合するのは簡単そうですjqueryの

$(function(){ 
    var imgs = array('img1.png', 'img2.png', 'img3.png', 'img4.png', 'img5.png', 'img6.png') 
    , img_per_col = 3 
    , img_cnt = 0 
    , html = '<tr>'; 

    $.each(imgs, function(img){ 
    html += '<td><img src="' + img + '" /></td>'; 
    img_cnt++; 
    if(img_cnt == img_per_col) { 
     html += '</tr><tr>'; 
     img_per_col = 0; 
    } 
    }); 
    html += '</tr>'; 
    $('table#gallery').html(html); 
});