/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
ightgallery是现代跨平台、电子和图像查看器nodesj,适用于Mac、Windows和Linux,Lightgallery使用Electron构建,拥有大量精美的内置动画!为用户提供很多便利。而且它可以帮助用户图片查看器插件采用响应式设计,提供图片查看,图片轮播,图片放大等功能等,感兴趣的朋友快来下载使用吧。适用于Mac、Windows和Linux,Lightgallery使用Electron构建,拥有大量精美的内置动画!有需要的小伙伴欢迎来下载体验。
使用Electron构建。
LightGallery使用HTML、CSS和JavaScript与Chromium和Node.js来构建应用程序。
跨平台。
LightGallery可以跨操作系统工作。你可以在OS X、Windows或Linux上使用它。
20多种动画
LightGallery自带了大量精美的内置动画。
动画缩略图
您还可以在设置中选择启用动画缩略图。
缩放和全屏
您可以双击图像,查看其实际尺寸。可以使用放大和缩小控件来改变图像的缩放值。
鼠标拖动和键盘导航
LightGallery允许用户通过鼠标拖动和键盘箭头在幻灯片之间进行导航。
寻呼机
自?踊?羝
支持各种图片格式(jpg、png、gif、webp)。
高度可定制化
动态模式
全屏支持
支持缩放
浏览器历史记录 API
响应图像
HTML iframe支持
一页上的多个实例
通过 CSS ( n。SCSS ) 和设置轻松定制
智能图像预加载和代码优化
桌面键盘导航
字体 icon 支持
在页面中引入lightgallery.css和lightgallery.min.js文件。如果你需要某项功能可以单独引入相关文件,如全屏功能引入lg-fullscreen.min.js,缩略图功能引入lg-thumbnail.min.js等。
<link rel="stylesheet" href="css/lightgallery.css">
<script src="js/lightgallery.min.js"></script>
<script src="js/lg-thumbnail.min.js"></script>
<script src="js/lg-fullscreen.min.js"></script>
...
HTML结构
建议使用下面的HTML结构来构建一个图片画廊。
<div id="lightgallery">
<a href="img/img1.jpg">
<img src="img/thumb1.jpg">
</a>
<a href="img/img2.jpg">
<img src="img/thumb2.jpg">
</a>
...
</div>
你可以查看这里来获取其它HTML结构的使用方法。
初始化插件
在页面底部通过下面的方法来初始化该lightbox插件。
<script>
lightGallery(document.getElementById('lightgallery'));
</script>