js和CSS3炫酷图片画廊插件

所属分类:媒体-幻灯片和轮播图,图片展示

 29258  307  查看评论 (2)
分享到微信朋友圈
X
js和CSS3炫酷图片画廊插件 ie兼容12

使用方法

在页面中引入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()
相关插件-幻灯片和轮播图,图片展示

基于swiper相应式轮播图插件

基于swiper相应式轮播图插件,带banner计时切换和支持移动端触屏切换
  幻灯片和轮播图
 33637  363

基于swiper仿臭美app滑动效果

基于Swiper3.x安卓稍微有点卡仿臭美app滑动效果
  幻灯片和轮播图
 41134  401

swiper横向轮播

swiper横向轮播,简单好用
  幻灯片和轮播图
 91753  586

非全屏轮播banner图

非全屏轮播banner
  幻灯片和轮播图
 38403  360

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Angelo 0
    2019/4/16 11:17:42
    执手到白头*/ 0
    2019/4/16 9:37:02
    提一个小bug,鼠标连点方向按钮的时候会出现问题 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复