jquery插件图片放大显示插件lightBox2.6最新版
来源:互联网 发布:淘宝网武警 作训帽 编辑:程序博客网 时间:2024/06/10 19:51
lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。现在跟大家分享的是lightBox2.6的最新版本,以前的版本都要写下面这种调用代码,现在的的2.6版本可以不用再写调用代码直接添加相应的标签属性即可使用,大大提高了这个使用性。
$(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制作图片放大显示插件Lightbox2.6图片相册
- jQuery 图片放大预览插件
- jQuery-单击文字或图片内容放大显示效果插件
- Lightbox图片放大插件,jQuery弹出层放大插件
- jQuery图片放大预览插件 cloud-zoom
- jqzoom图片放大插件
- 图片放大插件Zoom
- jquery制作图标导航插件鼠标悬停放大显示特效代码
- jQuery插件Magnify放大镜实现javascript图片放大功能
- Jquery 插件图片放大效果(兼容ie 火狐 谷歌 Safari)
- Jquery插件实现图片显示【客户端】
- 使用jquery灯箱插件显示图片gallery
- jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)
- jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)
- jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)
- jQuery 显示效果插件
- JQUERY图片放大镜插件
- Response.ContentType 收集
- 删除系统后台服务
- 比较比较C++中的static_cast、dynamic_cast、reinterpret_cast类型转换方式
- 该内存不能read written常见原因
- Oracle查看trace文件步骤
- jquery插件图片放大显示插件lightBox2.6最新版
- CutandZoom 图片剪切类
- c# json格式循环处理
- JAVA/MAP遍历
- json-lib 中 Date 类型的 转化为 json
- 如何在linux和windows之间进行文件的随意拷贝
- c_对分查找
- ServU的内网架设注意项
- dump redis所有key