素材牛VIP会员

JS加CSS3炫酷图片画廊插件

 所属分类:网页特效-图片展示/相册,鼠标/悬停/点击

 浏览:400次-  下载:0次-  评论:0次-  更新时间:2019-04-20
JS加CSS3炫酷图片画廊插件
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:LGallery是一款非常炫酷的js图片画廊插件。LGallery采用响应式设计,支持手机移动端,可以快速的制作图片画廊、轮播图、lightbox等。

详细介绍

使用方法

在页面中引入lgallery.min.css和lgallery.min.js文件。

<link rel="stylesheet" href="/path/to/lgallery.min.css">
<script src="/path/to/lgallery.min.js"></script>

HTML结构

在一个div元素中添加data-attributes属性,取值可以是:lgallery, lgparent, lgslider, lgpreview 或者 lgcarusel

<div class=example data-lgallery="img/1.jpg,img/2.jpg, img/3.jpg"></div>

初始化插件

然后通过initLG()来初始化该插件。

initLG()

文件目录结构

  • css
    • ┝ demo.min.css
    • ┝ lgallery.min.css
  • img
    • ┝ 1.jpg
    • ┝ 2.jpg
    • ┝ 3.jpg
    • ┝ 4.jpg
    • ┝ 5.jpg
    • ┝ 6.jpg
    • ┝ article.svg
    • ┝ browsers.svg
    • ┝ customize.svg
    • ┝ fullscreen.svg
    • ┝ images.svg
    • ┝ keyboard2.svg
    • ┝ nodependencies.svg
    • ┝ preload.svg
    • ┝ resp.svg
    • ┝ responsive.svg
    • ┝ seo.svg
    • ┝ simple.svg
    • ┝ touch.svg
  • ┝ index.html
  • js
    • ┝ lgallery.min.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:0
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)