jquery插件图片放大显示插件lightBox2.6最新版
2013-12-03 14:19
701 查看
lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。现在跟大家分享的是lightBox2.6的最新版本,以前的版本都要写下面这种调用代码,现在的的2.6版本可以不用再写调用代码直接添加相应的标签属性即可使用,大大提高了这个使用性。
功能使用说明:
lightbox的主要功能是由于显示单张放大显示图片与多张图片组的展示。
1.引入CSS与JS文件
2.内容添加
data-lightbox就是我们要设置的属性,可以肯定自己的需要进行命名,如果要实现图片相册上一张与下一张的功能就把它的名字都写在相同的,lightbox插件会自动识别进行归类。
lightbox老版本:http://leandrovieira.com/projects/jquery/lightbox/
文章转载:http://www.jsctrlc.com/texiao/33.html
$(function() { $('#gallery a').lightBox({fixedNavigation:true}); });
功能使用说明:
lightbox的主要功能是由于显示单张放大显示图片与多张图片组的展示。
1.引入CSS与JS文件
<link rel="stylesheet" href="css/lightbox.css" media="screen"/> <script src="js/jquery-1.10.2.min.js"></script> <script src="js/lightbox-2.6.min.js"></script>
2.内容添加
<a href="img/demopage/image-3.jpg" data-lightbox="example-set" title="文字说明信息">
<img class="example-image" src="img/demopage/thumb-3.jpg" width="150" height="150"/></a>
data-lightbox就是我们要设置的属性,可以肯定自己的需要进行命名,如果要实现图片相册上一张与下一张的功能就把它的名字都写在相同的,lightbox插件会自动识别进行归类。
lightbox老版本:http://leandrovieira.com/projects/jquery/lightbox/
文章转载:http://www.jsctrlc.com/texiao/33.html
相关文章推荐
- jquery制作图片放大显示插件Lightbox2.6图片相册
- jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片(仿相册插件)
- Lightbox图片放大插件,jQuery弹出层放大插件
- 一张图片 点击鼠标放大,再点缩小 ( 基于jquery1.8.3), 另外推荐一款插件:lightBox...效果不错。
- jQuery-单击文字或图片内容放大显示效果插件
- 分享一个比lightbox配置更方便的jQuery web2.0图片显示插件:Topup
- jQuery-单击文字或图片内容放大显示效果插件
- 图片放大显示的jQuery插件
- 分享一个比lightbox配置更方便的web2.0图片显示jQuery插件:Topup
- jquery插件 - Lightbox点击图片弹出放大预览
- jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
- jQuery之插件开发文章图片弹出放大效果
- 自己写的jQuery插件(二)-- 图片滚动显示
- jquery单击文字或图片内容放大并居中显示
- 电子商务网上图片放大,查看器(Jquery插件)
- 基于jQuery的图片相册滑出放大插件
- 在web客户端实现显示图片原图预览功能 ,采用的是jquery的lightbox_balupton_zh技术
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- jquery 点击图片放大显示,背景锁定
- Jquery图片弹出框插件-jQuery lightBox