Javascript 或 Jquery 图像弹出窗口

标签 javascript jquery lightbox

我看过许多这样的画廊和展览,但我测试过的没有一个似乎完全符合我的要求。

我的要求如下。

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

左边界和右边界内的箭头用于导航下一个和上一个,也可以通过单击图像左半部分的任意位置为上一个和右侧任意位置为下一个来实现此目的。

关闭按钮:放置在图像DIV的任何 Angular 落的选项。

上面或下面的描述,将允许 HTML 标签。

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

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

我不需要花哨的淡入淡出,只需将一张图片替换为下一张导航到的图片即可。

任何人都可以推荐一个 javascript/jquery 脚本来满足上述所有条件并且只需很少的改动就可以轻松实现。

最佳答案

Colorbox 非常好并且易​​于定制。 http://jacklmoore.com/colorbox/

我相信它可以完成您想要的所有操作,减去手指滑动,但它应该是您可以为此 Hook 的另一个 jQuery 库。

关于Javascript 或 Jquery 图像弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8535571/

相关文章:

javascript - 触发 Lightbox onLoad w/Delay

pdf - 默认 header p :media with pdf player

javascript - 使用 JS 随机排序 div 元素列表

javascript - Lightbox 2功能齐全,想要查看的图像全尺寸吗?

javascript - 与 swiper 结合使用时奇怪的 ngx-translate 行为

javascript - Webpack 5 Assets 模块与 woff 文件有关

javascript - 使用 jQuery 将 HTML 属性设置为 JSON 对象

javascript - 使用ajax json请求的输入框值

javascript - D3 "Sunburst"中心路径大小

javascript - 保持CSS动画状态