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

相关文章推荐

jQuery插件之lightBox图片灯箱

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

图片放大插件lightBox2.6

  • 2015-08-18 10:47
  • 785KB
  • 下载

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

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

自写图片遮罩层放大功能jquery插件源码,photobox.js 1.0版,不兼容IE6

阿嚏~~~ 话说本屌丝没啥开发插件的经验,但是天公不作美,公司需要让我自己开发个图片放大的插件 但公司老大的话,犹如吾皇之升值,微臣必当肝脑涂地,莫敢不从啊~~~ 于是乎,作为一个超级小白,本人只...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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