VenoBox
响应式模态窗口JavaScript插件,支持触摸滑动画廊
这是又一个响应式灯箱插件,适用于图片、内联内容、iFrame和视频。
与许多其他插件相比,VenoBox的主要区别在于它会计算显示图片的最大宽度,并在图片高度超过窗口高度时保持其高度(因此在小型设备上,你可以向下滚动内容,避免出现垂直方向上微小的缩放图像)。
快速开始
安装
可以通过以下方式安装此包:
静态HTML
将所需的样式表放入你的<head>
中以加载CSS:
<link rel="stylesheet" href="venobox/dist/venobox.min.css" />
在页面末尾,</body>
标签之前引入脚本:
<script src="venobox/dist/venobox.min.js"></script>
使用方法
插入一个或多个带有自定义类的链接
<a class="venobox" href="image01-big.jpg"><img src="https://raw.githubusercontent.com/nicolafranchini/VenoBox/master/image01-small.jpg" alt="图片描述"/></a>
初始化插件,你的VenoBox就可以用于所有选定的链接了。
new VenoBox({
selector: '.venobox'
});
文档
完整文档可在 https://veno.es/venobox/ 查看
许可证:基于MIT许可证发布