原生javascript代码-相册弹窗效果
(1)图片的大小根据浏览器可见大小进行调整
(2)支持键盘操作,ESC-关闭,← → 左右箭头键-图片切换
参数名 参数值类型 描述
target 字符串 (1)自带的简单选择器:★查看例子
★-只支持以下选择-★
@ 支持一级选择器:如'#id','.class','p'
@ 支持后代选择,如 '.class p','body span'
@ 支持子元素选择,如 '.class>p','body>span'
(2)如果自带的选择器不能满足你,你可以传入想要的dom对象 或 JQ的选择器如 $('#demo a[rel="test"]') ★查看例子
appendHTML 字符串 在#gy_photoBox_head内插入HTML结构 ★查看例子
onChange 函数 每次加载图片后的回调函数,可以获取函数参数对象的三个值:★查看例子
  src:(对应大图的地址)
  index:(当前的索引)
  title:(图片的名称,木有则为空)
例子:
'onChange':function(opt){
	// opt.src
	// opt.index
	// opt.title
}
		

例子(1):默认

new LGY_photoBox({'target':'#photoBox03 a'});

例子(2):传人的DOM对象

var nodeList = document.getElementById('photoBox04').getElementsByTagName('a');
				
new LGY_photoBox({'target':nodeList});

例子(3):在#gy_photoBox_head内插入HTML

例子(4):onChange获取当前的大图,索引,图片名称

指引导航
参数
实例
↑ top