LayerShow 插件 v2.5.4
弹层显示图片(支持多张)或图文内容
安装:npm install TopuNet-LayerShow
文件结构:
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