js和CSS3炫酷图片画廊插件

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

 27135  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()
相关插件-幻灯片和轮播图,图片展示

vue.js轮播图(原创)

vue的轮播小插件,vue初学者可以借鉴,代码量很少。
  幻灯片和轮播图
 54605  416

jQuery轮播图带切换进度显示

基于jQuery SuperSlide 实现的轮播图带切换进度显示
  幻灯片和轮播图
 21277  225

带缩略图和左右箭头轮播的jquery幻灯片相册特效代码

带缩略图和左右箭头轮播的jquery幻灯片相册特效代码
  幻灯片和轮播图
 47174  591

jq全兼容自适应宽度图片轮播(新手适用)

简单的jq逻辑,方便引用,易看懂,兼容性好
  幻灯片和轮播图
 24985  215

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

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