用于显示图像的简单 jquery 灯箱

Question

我不敢相信我会问这个 - 但我花了最后两个小时寻找一个简单的 jquery 灯箱给我的学生学习如何实施...

我需要的是非常简单的东西：

我有一堆图片，当我点击它们时，我需要一个灯箱来打开我可以指定的（不同的）图片...我只是找不到任何可以做到这一点的东西。当然，灯箱需要表现得像标准灯箱（X- 关闭按钮，缩放到图像大小，有一行标题左右）

类似于：

$('.this-image').click(function(){
    awesomelightbox.open('new url');
})

我检查过的大多数灯箱打开的图像与单击的图像相同，或者有大量我的学生无法理解的选项。

我试过了：

 - LightBox
 - ColorBox 
 - FancyBox 
 - VisualLightbox 
 - Featherlight

不符合我的要求:(

有谁知道有什么简单的灯箱可以实现我提到的功能吗？如果有任何指点，我将不胜感激。

Answer 1

我建议使用 Maginific (http://dimsemenov.com/plugins/magnific-popup/), or Pretty Photo (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/)

Answer 2

其实用Fancybox就可以做到。我去了他们的"How To"，他们有一个例子。查看页面上的最后一段代码。如果您只想显示 2 个不同的图像，您可以使用他们的方法。请注意他们如何使用 small.jpg 和 big.jpg，因此本质上他们使用了 2 个不同的图像。这样他们就可以将一张图片用作缩略图，将一张较大的图片用作实际的花式框。这是您要找的吗？

编辑：或者如果您想使用我的插件，欢迎您从我的网站获取它。这是一个示例，请检查源代码以了解用法。

http://tylerteaching.com/coolbox/

用于显示图像的简单 jquery 灯箱

simple jquery lightbox for displaying images

javascript

jquery

html

css

lightbox