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

Question

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

Answer 1

それはかなり簡単に構築できますが、なぜギャラリーが必要なのですか？これは、それがどのように「実行できた」かについてのかなり初歩的な例です（ここでもJsFiddleに示されています）

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