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

时间:2015-06-26 17:02:40

标签: javascript jquery html css lightbox

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

我需要的是非常简单的事情:

我有一堆图像,当我点击它们时,我需要一个灯箱打开,我可以指定一个(不同的)图像......我只是找不到任何可以做到的事情。当然灯箱需要像标准灯箱一样(X-关闭按钮,缩放到图像大小,有一行标题左右)

类似的东西:

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

我检查的大多数灯箱都打开了被点击的相同图像,或者有我的学生不理解的大量选项。

我试过了:

 - LightBox
 - ColorBox 
 - FancyBox 
 - VisualLightbox 
 - Featherlight

没有什么比我的要求更合适:(

有没有人知道做我提到的任何简单的灯箱?我非常感谢任何指针。

2 个答案:

答案 0 :(得分:1)

实际上,使用Fancybox可以做到。我去了"How To"他们有一个例子。查看页面上的最后一段代码。如果您只是尝试显示2个不同的图像,则可以使用他们的方法。注意他们有一个small.jpg和一个big.jpg,所以它的本质是他们使用2个不同的图像。通过这种方式,他们可以将一个图像用于缩略图,将较大的图像用于实际的花式框。这是你在找什么?

编辑:或者如果您想使用我的插件,欢迎您从我的网站上获取它。这是一个示例,请检查使用的源代码。

http://tylerteaching.com/coolbox/

答案 1 :(得分:0)