Javascript 使用jQuery使内容动态化

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

我的问题是：

$（'.photo'）。单击（函数（）{
var html=''；
$（html）。附加到（“#照片”）；
});​

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

id应该是唯一的。用砖块做任何事都可能导致问题。

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

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

});​