Javascript或Jquery图像弹出窗口

时间:2011-12-16 14:28:46

标签: javascript jquery lightbox

我看了很多这些画廊和展览,但我测试的其中没有一个似乎完全符合我的要求。

我的要求如下。

单击缩略图,图像显示为灯箱。 实现这个

没问题

左右边框内的箭头,用于导航“下一个”和“上一个”,也可以通过单击图像左半部分的任意位置来实现此功能,适用于“上一个”和“右侧”中的“上一个”。

关闭按钮:放置在图像DIV的任意一角的选项。

上面或下面的说明,它将允许HTML标记。

在描述区域中显示当前图像为(4 of 20)等。

最后,当在智能手机的浏览器上显示时,允许手指滑动,从图像导航到图像。

我不需要花哨的淡化,只需简单地用下一个导航到的图像替换一个图像。

任何人都可以推荐一个javascript / jquery脚本来实现上述所有功能,并且只需很少的更改即可轻松实现。

2 个答案:

答案 0 :(得分:1)

Colorbox非常好,可以轻松定制。 http://jacklmoore.com/colorbox/

我相信它可以完成所有你想要的东西而不是手指滑动,但应该是另一个jQuery库,你可以为此加入。

答案 1 :(得分:1)

尝试fancybox:

http://fancyapps.com/fancybox/

我已多次使用它,它应该支持您正在寻找的所有功能。

否则,请尝试http://jacklmoore.com/colorbox/

Colorbox简单,功能强大,并在常见浏览器中经过测试:

Firefox,Safari,Chrome,Internet Explorer 6,7,8,9,Opera 11。

(我个人经常使用这个)

Colorbox在顶角没有关闭按钮。