圖像瀏覽器(Lightgallery.js)v0.1.1

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>