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

本文分享lightbox2.6版本的图片浏览功能改进,介绍如何通过简单的标签属性实现自动缩放、模式窗口、幻灯片播放等功能,提供详细的内容添加步骤和示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值