js和CSS3炫酷图片画廊插件

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

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

基于HTML5和CSS的焦点图特效

基于HTML5和CSS的焦点图特效
  幻灯片和轮播图
 32276  384

图片轮播插件

源生js自动轮播图插件
  幻灯片和轮播图
 30660  312

仿英雄杀游戏官网幻灯片JS代码

仿英雄杀游戏官网幻灯片JS代码
  幻灯片和轮播图
 37317  431

jQuery 3D旋转轮播jquery.roundabout.js

3D轮播图,每张图都有标题,并且可以附加链接,点击最上层的图片可跳转对应的链接
  幻灯片和轮播图
 60548  472

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

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