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