jquery插件图片放大显示插件lightBox2.6最新版

转载 2013年12月03日 14:19:16

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

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

使lightbox2 的弹出的大图片自动适应屏幕大小

Resize the image to the screen: lightbox.js: preloader.onload = function() { $image.attr('src...

jquery图片放大插件Lightbox2.6

  • 2016年08月10日 10:11
  • 804KB
  • 下载

jQuery插件之lightBox图片灯箱

引用不同的js库,其效果是不一样的,下面这个是慕课网的lightBox的js库   这个插件是通过点击后图片加载弹出来用圆角展示,有上下按钮,加载时有进度条,背景可调颜色 lightBo...

图片放大插件lightBox2.6

  • 2015年08月18日 10:47
  • 785KB
  • 下载

jquery插件之图片放大,分部显示

  • 2014年04月26日 23:51
  • 513KB
  • 下载

网站开发常用jQuery插件总结(二)弹出层插件Lightbox_me

修改后的网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层,弹出的窗口就是弹出层。jQuery中弹出层插件很多,但有些在html5+css3浏...

jQuery Lightbox(balupton版)图片展示插件使用

一、信息 原作者:Benjamin Arthur Lupton 当前版本:v1.3.7最终版 发布日期:2009年4月25日 项目地址:http://jquery.com/plugins/...

相册图片放大查看弹出层jQuery插件

  • 2015年03月30日 19:53
  • 1021KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery插件图片放大显示插件lightBox2.6最新版
举报原因:
原因补充:

(最多只允许输入30个字)