javascript - 使用 jQuery 使内容动态化

Question

我有一个网络应用程序，我希望允许用户通过简单地单击照片来创建相册，然后 jquery 将它们附加到另一个 div 以表示它们被选中。我的问题是当照片位于选定的 div（蓝色 div）中时，如何将照片重新调整为 50px x 50px。我正在使用 jquery masonry，所以我不能让照片只是一个普通的图像。下半部分的图像（用户从中选择的图像）需要位于名为“#brick”的父容器中。我很茫然，我该怎么办？

这是我的问题：

http://jsfiddle.net/EPWSL/5/

Answer 1

$('.photo').click(function(){

  var html = '<img class="selected-photo" src="' + $(this).find('img').attr('src') + '" />';
  $(html).appendTo('#photos');

});​

顺便说一句，不要有多个具有相同 id 属性的元素。