jquery - 是否有不需要html anchor 的lightbox脚本？

我正在寻找一个库或脚本来在灯箱中打开单个图像。
到目前为止，我发现的所有库都需要HTML anchor 作为图像的父标记和缩略图。

<a href="image.jpg" class="popout"><img src="thmumbnail.jpg"></a>

我没有缩略图，因为我是直接从在线存储的地方(以“网络友好”的分辨率/大小)加载/嵌入图片。所以我想要做的是这样的:

<img class="popout" src="www.photobucket.com/myimage.jpg" height="300" width="500">

而高度/宽度也将在CSS中指定。我想这样做的一个原因是，我已经写了大约100张图片。所以我不想将它们全部嵌入 anchor 中...

回到问题所在:是否存在允许我执行此操作的库或脚本？

最佳答案

您可以使用Colorbox:http://www.jacklmoore.com/colorbox

然后您的代码如下所示:

$(".popout").on("click", showImage);
function showImage(e)
{
    $.colorbox({href:$(e.currentTarget).attr("src")});
}