songStar0904/lightBox

基于jQuery的图片lightBox插件线上地址： https://songstar0904.github.io/lightBox

JavaScript

lightBox

基于jQuery的图片lightBox插件

注释

<img src="img/1.png" alt="" 
	data-role="lightbox" 
        data-source="img/1b.png" 
        data-group="group-1"
	data-id="1"data-caption="图片1" 
        width="100"
        height="100"/>

data-role="lightbox" 绑定jq插件
data-source="img/1.png" 放大图地址
data-group="group-1" 所处图片集
data-id="1" 图片唯一标识
data-caption="图片1" 图片描述

用法

	var lightbox = new lightBox({
	    speed:300, // 运动速度
	    maxWidth:900, //显示最大宽度
	    maxHeight:600, //显示最大高度
	    maskOpacity:.6 //遮罩层透明度
	});

线上地址

ps: 由于图片较大，github在国外，加载大图片可能会有点慢~