简单的JavaScript/jQuery插件'；quicklooks'；图像

是否有任何好的/插件可以在单击时“快速查看”图像

我希望它简单，所以当你点击图像缩略图，它只是缩小到全尺寸

理想情况下，只需为所述图像提供一个类，然后由JavaScript/jQuery完成其余的设置

与本页的某些图像类似，请参见“导入”下的第一个图像

---

我不想找像lightbox这样复杂的东西，不需要幻灯片、冗长的介绍和淡出背景。

使用jQuery UI对话框插件非常简单。这假设您的

thumb

类将图像大小调整为缩略图大小，并对图像重复使用相同的src url。如果拇指有一个不同的url，即它是一个不同的图像，那么您需要一种方法来存储带有缩略图图像的全尺寸图像（自定义属性？），或者将缩略图url转换为全尺寸图像的url。如果您说在图像缩略图的名称后面加上“_thumb”，则后者就不重要了；只需使用string

replace

函数

$('img.thumb').click( function() {
    $('<div><img src="' + $(this).attr('src') + '" /></div>').dialog({
        autoOpen: true,
        modal: true, // if you want it to be modal
        close : function(event,ui) {
             $(this).destroy();
        }
    });
});

$（'img.thumb'）。单击（函数（）{
$（''）。对话框({
自动打开：对，
modal:true，//如果希望它是modal
关闭：功能（事件、用户界面）{
$（this.destroy（）；
}
});
});

---

您可以在以下位置看到类似的操作：。单击左上角的公告。

这可能就是您要查找的公告：

我希望它能帮上忙。

你可以试试我的lightbox，它不需要jQuery，而且响应迅速，与IE8兼容。 您只需将

数据jslghtbx

-属性添加到图像中，单击即可打开图像。或者，您可以将引用传递给更大的图像，例如

data jslghtbx='img/lightbox/apple big.jpg'

，这样您就可以使用小尺寸的图片作为缩略图，从而打开lightbox中的大尺寸图片。此外，您还可以使用组来显示多个图像