jQuery画廊,支持照片选择

时间:2012-05-10 07:15:38

标签: jquery

我需要一个简单的jQuery照片库(只是一个图像表),它支持通过鼠标点击选择照片(例如通过边框颜色/宽度变化)。有没有?

1 个答案:

答案 0 :(得分: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);
});