【jQuery lightBox plugin 简介】
Lightbox 应该是目前为止最流行的图片浏览插件。jQuery lightBox plugin 是作者 Leandro
Vieira Pinho 基于 Lightbox2改编的 jQuery 插件。
功能列表:
自动根据窗口的大小缩放图片
模式窗口,幻灯片方式播放
图片内容预加载
渐变动画效果。
官网地址:http://leandrovieira.com/projects/jquery/lightbox/
【写在前面】
lightBox 插件在做商城网站,图片网站的时候能发挥很大的作用,商品的产品图片集合浏
览开发的时候正是 lightBox 发挥作用之时。
【 演示地址】
http://www.0773linji.com/jquery_plugs/jq_light-box/index.html
【HTML 格式】
<ul id="demo1" class="picList clearfix">
<li><a href="images/1.jpg" title=" 美 女 "><img
src="images/1.jpg"/></a></li>
<li><a href="images/2.jpg" title=" 美 女 2"><img src="images/2.jpg"
/></a></li>
<li><a href="images/3.jpg" title=" 汽 车 "><img src="images/3.jpg"
/></a></li>
<li><a href="images/4.jpg" title=" 美 女 3"><img src="images/4.jpg"
/></a></li>
</ul>
【插件调用】
$(function(){
$('#demo1 a').lightBox({txtImage:'图片',txtOf:'/'});
});
【插件参数】
overlayBgColor 遮罩层颜色,默认#000
overlayOpacity 遮罩层透明度,默认0.8
fixedNavigation 控制按钮的显示方式,默认 false:经过显示框才显示按钮;true:按钮
一直显示
imageLoading 读取状态图片,默认 images/lightbox-ico-loading.gif
imageBtnPrev 上一张按钮图片,默认 images/lightbox-btn-prev.gif
imageBtnNext 下一张按钮图片,默认 images/lightbox-btn-next.gif
imageBtnClose 关闭按钮图片,默认 images/lightbox-btn-close.gif