《贤心旧版jquery layer.js如何展示相册》要点:
本文介绍了贤心旧版jquery layer.js如何展示相册,希望对您有用。如果有疑问,可以联系我们。
相关主题:JS、Jquery插件
贤心layer.js是一款卓越的DIV层弹窗,注意我用的是“卓越”这个词,我觉得不过份。
这是一款轻量级,但丝毫不影响它多采的表现,各种功能比重量级layer还更多,
消息提示tip, msg提示,alert提示,confirm, prompt。。。。多到令你惊呆。
参官网演示:http://layer.layui.com/
现在新版layer.js已整合到layui 中,旧版的成为经典了,本站vephp.com依然使用的是旧版(做了很多优化)。
随新版的推广,旧版以后估计难以下载到了,所以慢慢就记录下它的用法吧。
下面一例是layer.js展示相册,主要是演示了它的参数,重点是其中的json格式:
layer.config({extend: 'extend/layer.ext.js'});
var thumb = $(imgHtml).attr('src'); //缩略图,如http://www.vephp.com/public/uploads/img/2017042019544833274_t.jpg
var src = thumb.replace('_t','');
var json = {
'title' :'',
'id':11,
'start':0,
'data':[{
'alt' : '大图展示',
'pid' : 1,
'src' : src,
'thumb': thumb //并不会展示
}]
};
layer.photos({
photos: json
,anim: 0 //0-6的选择,指定弹出图片动画类型,默认随机
});转载请注明本页网址:
http://www.vephp.com/jiaocheng/67.html