数码资源网·下载

展开

图像浏览器(Lightgallery.js)

大小:34M语言:34M 类别:图像浏览系统:WinXP/Win7/Win10
简介|文章|评论
版本:v0.1.1 for WinXP/Win7/Win10时间:2020-05-12
软件介绍

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>

加载全部内容

相关应用
热门推荐
相关教程
猜你喜欢
图像照片编辑软件

图像照片编辑软件

帅哥美女们还在为自己的照片拍的不顺心而烦恼吗?数码资源网精选...
进入专区>>
图像编辑软件

图像编辑软件

有时候我们经常需要对一些图片、照片进行编辑,一个简单实用的图...
进入专区>>
相关合集
本类排行