Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript或Jquery图像弹出窗口_Javascript_Jquery_Lightbox - Fatal编程技术网

Javascript或Jquery图像弹出窗口

Javascript或Jquery图像弹出窗口,javascript,jquery,lightbox,Javascript,Jquery,Lightbox,我看过很多这样的画廊和展览,但我测试过的没有一个能完全满足我的要求 我的要求如下 单击缩略图,图像将显示为灯箱。 实现这一点没有问题 左边框和右边框内的箭头用于导航“下一个”和“上一个”,也可以通过单击图像左半部的任意位置来导航“上一个”,单击右侧的任意位置来导航“下一个” 关闭按钮:用于放置在图像DIV任何角落的选项 上面或下面的描述,这将允许HTML标记 在“说明”区域将当前图像显示为(4/20)等 最后,当显示在智能手机浏览器上时,允许手指滑动,从一幅图像导航到另一幅图像 我不需要花哨的淡

我看过很多这样的画廊和展览,但我测试过的没有一个能完全满足我的要求

我的要求如下

单击缩略图,图像将显示为灯箱。 实现这一点没有问题

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

关闭按钮:用于放置在图像DIV任何角落的选项

上面或下面的描述,这将允许HTML标记

在“说明”区域将当前图像显示为(4/20)等

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

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


任何人都可以推荐一个javascript/jquery脚本,它可以满足上述所有要求,并且易于实现,只需很少的更改。

Colorbox非常好,并且易于定制

我相信除了手指滑动之外,它可以实现所有您想要的功能,但它应该是另一个jQuery库,您可以为此而使用它。

试试fancybox:

我已经使用过很多次了,它应该支持你想要的所有功能

否则,请尝试

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

Firefox、Safari、Chrome、Internet Explorer 6、7、8、9、Opera 11

(我个人一直在用这个)


不过,配色箱的上角没有“关闭”按钮。

谢谢。Colorbox看起来确实有可能,这个链接似乎可以回答我的刷卡请求[