当前位置:主页 > 网页特效 > 图片代码 >

jQuery炫酷图片预览Lightbox插件

发布时间:2019/05/11 来源:互联网 浏览: 关键词:jquery Lightbox 
jQuery炫酷图片预览Lightbox插件 jQuery炫酷图片预览Lightbox插件
阿里云
简要教程

jquery-lighter是一款炫酷jQuery图片预览Lightbox插件

安装插件

要使用这个lightbox插件,首先需要引入必要的文件:jQuery和jquery.lighter.js以及jquery.lighter.css文件。



  

这个lightbox插件已经注册在 http://bower.io/,你可以通过bower来安装:

npm install -g bower
bower install lighter

该lightbox插件还注册在https://rails-assets.org/,你还可以通过 Ruby 或 Rails 来安装它:

Gemfile
+ source'https://rails-assets.org'
...
+ gem'rails-assets-lighter'
application.css

/*
 ...
 *= require lighter
 ...
*/

application.js

//= require jquery
...
//= require lighter

使用方法

该lightbox插件的使用方法非常简单,在引入必要的文件之后,只需要按以下结构变形html代码即可,该图片预览插件会在DOM加载完毕后自动运行。


    
    
    
    
    
   

更详细的教程请参考:http://ksylvest.github.io/jquery-lighter/

共有人阅读,期待你的评论!评论
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
Top