《贤心旧版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