javascript - jquery-onclick : show the image

Question

我想在单击缩略图时显示图像的全屏。

图像使用 IMG 标签硬编码并具有类 .imagethumb

图像显示为缩略图，当我点击拇指时，它应该显示在一个名为 #preview 的 div 中，在 #preview 我有一个 IMG 标签来显示单击图像的全屏。

如何在 jquery 中实现它？

Answer 1

这应该可以解决问题:

$('.imagethumb').click(function()
{
    $('#preview').find('img').attr('src', $(this).attr('src'));
});

一旦您点击了类 .imagethumb 的任何缩略图，您的 中的 img 元素的 src 属性就会被点击# preview div 设置为(单击的)缩略图的 src 元素。