Javascript 在lightbox中打开不同的图像

我在

Bootstrap

中有一个图像灯箱，我想实现的是，当用户单击图像时，弹出的图像会有所不同

所以我会有拇指图标，当用户点击其中一个图标时，就会显示完整的图像。因此，代码如下所示：

<a href="full_Image_url" ..> <img src="thumb_img_url" ...></a>

正文{
填充：30px 0px；
}
#灯箱。模态内容{
显示：内联块；
文本对齐：居中；
}
#灯箱，关上{
不透明度：1；
颜色：rgb（255、255、255）；
背景色：rgb（25,25,25）；
填充：5px 8px；
边界半径：30px；
边框：2个实心rgb（255、255、255）；
位置：绝对位置；
顶部：-15px；
右：-55px；
z指数：1032；
}

×

您已附加事件处理程序以单击

×

谢谢你的回答。事实上，我想显示一个更大的图像的图像被点击。。。很抱歉我编辑了一个错误的问题。谢谢你编辑了你的答案。但是在哪里设置较大图像的url？不需要设置url，使用jquery事件处理程序选择下一个图像。你在处理程序中设置了css，这使它变小了，所以我删除了那个css。好吧，但我不想要这个。。我有两张图片一张拇指（小）和一张普通的。我想点击拇指和较大的弹出窗口。我也编辑了这篇文章。。谢谢，哪一个是小的，哪一个是普通的？