jquery - onclick：显示图像

Question

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

使用IMG标记对图像进行硬编码并使用 .imagethumb

类

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

如何在jquery中实现它？

Answer 1

您应该尝试使用Simplemodal或Fancybox。

Answer 2

这应该可以解决问题：

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

点击任何包含课程.imagethumb的缩略图后，src div中img元素的#preview属性设置为src （点击）缩略图的元素。