Lightgallery是一款适用于Mac、Windows和Linux系统的图像浏览器软件，该软件不仅支持浏览静态图片，还支持动态图片，能够帮助用户智能轻松浏览图片，且支持用户放大、缩小等操作。感兴趣的可以来本站下载使用！

Lightgallery介绍

Lightgallery是一个现代的、基于电子和nodejs的图像浏览器，适用于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)。

高度可定制化

使用说明

在页面中引入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>