1. /widget/lib/LayerShow.js 放入项目文件夹jq（原生规范）或widget/lib（AMD规范）中
2. 如需要jroll，则将/widget/lib/jroll.js 放入项目文件夹inc（原生规范）或widget/lib（AMD规范）中
原生引用
1. 页面底部引用最新版 /inc/Jquery.min.js#1.x.x 或 zepto.min.js
2. 后引用 /inc/jroll.js
3. 后引用 /jq/LayerShow.js
requireJS引用
1. 依赖LayerShow.js和(jquery.min.js#1.x 或 zepto.js)，成功后返回对象依赖LayerShow。
2. 如需要jroll，则在页面中依赖jroll
// 创建新LayerShow实例。注意：不要反复的创建实例，每个实例会在show()之后创建一组dom
var layershow = new LayerShow();
// 显示
var opt = {
z_index: 弹层的z-index。图片/图文内容层为z_index+1。默认400
bg_color: 背景层16进制颜色。默认#000000
bg_opacity: 背景层透明度，0～1。默认0.8
showKind: 1-图片 | 2-HTML。默认1
Pics: showKind=1时有效。图片路径列表，数组。如 ["/images/001.jpg","/images/002.png"]。无默认值
Pics_show_index: 默认显示图片的序号，值大于等于图片数组的length时无效。默认0
Pics_scroll_speed: showKind=1时有效。图片切换时的速度。毫秒。默认500。移动端建议设置为100-200，过慢会有卡顿的现象
Pics_arrow_left: showKind=1时有效。图片切换 左箭头图片路径。默认/inc/LayerShow_arrow_left.png。
Pics_arrow_right: showKind=1时有效。图片切换 右箭头图片路径。默认/inc/LayerShow_arrow_left.png。
Pics_scale_fit: showKind=1且非ie678时有效。图片自动缩小到适配尺寸。true(默认)-无论图片多大，都可以全屏显示完整，不监听拖拽事件；false-图片原尺寸显示，拖拽时可改变显示位置(类似图片放大镜的效果)
Pics_preload_all: showKind=1时有效。图片预加载所有大图，移动端建议false(以免图片加载太多影响打开)，pc端建议true(ie不支持svg)。默认true。
callback_image_click: showKind=1时有效。图片点击回调：1-关闭弹层 | 2-下一张图片 | function(li_obj)-自定义方法。默认"1"
info_content: showKind=2时有效，装载内容。无默认
info_box_width_per: showKind=2时有效，内容盒宽度百分比。默认80
info_box_height_per: showKind=2时有效，内容盒高度百分比。默认90
info_box_radius: showKind=2时有效，内容盒是否圆角。默认true
info_box_bg: showKind=2时有效，内容盒背景。默认"#ffffff"
info_box_padding_px: showKind=2时有效，内容盒padding。默认20
info_box_fontSize: showKind=2时有效，内容盒字体大小。默认"14px"
info_box_fontColor: showKind=2时有效，内容盒字体颜色。默认"#333"
info_box_lineHeight: showKind=2时有效，内容盒行间距。默认"30px"
info_box_use_JRoll: showKind=2时有效，内容盒使用JRoll滚动（建议移动端使用，web端不用。IE7、8不兼容）如使用，则需要依赖或引用jroll.js。默认true
JRoll_obj: JRoll对象。不使用JRoll做内容盒滚动，可不传。
info_bottom_fixed_content: showKind=2时有效，底部固定层内容。无默认。
info_bottom_fixed_height: showKind=2 && info_bottom_fixed_content!="" 时有效，高度，单位px。默认40
Pics_close_show: true/false。显示关闭按钮。默认true
Pics_close_path: 关闭按钮图片路径。默认/inc/LayerShow_close.png。
callback_before: 弹层前回调。如显示loading层。无默认
callback_success: 弹层成功(showKind=1时只加载了第一张图片)。回调function(_obj)。 showKind=1时_obj为加载的第一且是唯一一张图片的li盒；showKind=2时_obj为实例化的jroll对象；如info_box_use_JRoll为false，则_obj=undefined。无默认
callback_close(info_wrapper_html): 关闭弹层后的回调。info_wrapper_html为showKind=2时，$("#info_wrapper").html()。无默认
};
layershow.show(opt);
// 关闭
layershow.close();
v2.5.4
* 图片盒由absolute改为fixed
* 显示图片时，对li的监听由插入li改到图片加载完成后
v2.5.3
修改了个小bug
v2.5.2
修改了个小bug
v2.5.1
增加参数 Pics_preload_all: showKind=1时有效。图片预加载所有大图，移动端建议false(以免图片加载太多影响打开)，pc端建议true(ie不支持svg)。默认true。
v2.4.1
增加参数 Pics_scale_fit：showKind=1且不为ie678时，可以不自动缩小图片到可视范围内，而是原图尺寸显示，划屏或拖拽时可以移动图片，类似放大镜效果
v2.3.2
showKind=2时，增加callback_close的参数info_wrapper_html，存放$("info_wrapper").html()。
v2.3.1
showKind=2时，增加底部固定盒的功能。可以插入固定在底部的按钮或之类。
v2.2.5
忘记兼容非jroll下的滚动了。已恢复
v2.2.4
解决了一个小bug
v2.2.3
找到了2.2.2提到的问题的原因：【demo的index.html中，在ls1弹层成功后，执行ls2弹层，在ls2弹层成功后执行_obj.scrollTo，不好使，原因没太搞明白。如果是直接执行ls2，是可行的。】
是因为初始化jroll时，用的是$("#wrapper_info")，但页面中其实初始化了两个LayerShow，so有两个#wrapper_info。
已解决。
v2.2.2
1. 修改callback_success: 弹层成功(showKind=1时只加载了第一张图片)。回调function(_obj)。 showKind=1时_obj为加载的第一且是唯一一张图片的li盒；showKind=2时_obj为实例化的jroll对象；如info_box_use_JRoll为false，则_obj=undefined。无默认
2. demo的index.html中，在ls1弹层成功后，执行ls2弹层，在ls2弹层成功后执行_obj.scrollTo，不好使，原因没太搞明白。如果是直接执行ls2，是可行的。
v2.2.1
show()之前，不再需要init()。具体见调用方法说明。
v2.1.1
重构。支持单页面装载多套LayerShow
v1.2.2
优化代码和流程逻辑，提高性能和效率，并修改bug
1. 弹层前预加载第一张图片，加载完成后弹层，并显示关闭按钮
2. 弹层后预加载除第一张图片外的所有图片，全部加载完成后，显示左右切换箭头
3. 弹层成功的回调方法传入参数li————加载的第一且是唯一一张图片的li盒（仅showKind=1时有效）
v1.2.1
1. 增加参数 Pics_show_index
v1.1.2
1. 如使用JRoll做内容盒滚动，则需传入JRoll对象
2. 修改AMD规范下的调用方法（见上文“调用方法”）
v1.1.1
1. LayerShow.js中不再强制依赖jroll，如需用jroll做内容盒滚动，则需在页面中引用或依赖jroll.js
v1.0.6
1. 修改弹层成功回调的执行位置（fadeIn完成后触发），解决内容盒执行过早导致在回调中调用内容盒内的元素时，可能出现的bug（如宽高不对）
v1.0.5
1. 解决弹层后，$(window).unbind("resize")影响原先页面的resize监听的bug
v1.0.4
1. 将弹层的遮罩背景尺寸改为100%宽和高，解决移动端键盘影响弹层的bug
v1.0.3
1. 解决安卓端隐藏状态下resize窗口后，页面被遮罩层覆盖的bug。
v1.0.2
1. 解决关闭按钮未隐藏的bug
v1.0.1
1. 创建项目、完成开发、发布到npm、commit到github
2. 配套的jroll做过处理，有关于IE7/8的判断，避免IE7/8使用时报错