贤心旧版jquery layer.js如何展示相册

发布时间:2020-05-14 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了贤心旧版jquery layer.js如何展示相册脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

《贤心旧版jquery layer.js如何展示相册》要点:
本文介绍了贤心旧版jquery layer.js如何展示相册,希望对您有用。如果有疑问,可以联系我们。

贤心layer.js是一款卓越的DIV层弹窗,注意我用的是“卓越”这个词,我觉得不过份。

这是一款轻量级,但丝毫不影响它多采的表现,各种功能比重量级layer还更多,


消息提示tip,msg提示,alert提示,confirm,prompt。。。。多到令你惊呆。

参官网演示:http://layer.layui.com/


现在新版layer.js已整合到layui 中,旧版的成为经典了,本站jb51.cc依然使用的是旧版(做了很多优化)。


随新版的推广,旧版以后估计难以下载到了,所以慢慢就记录下它的用法吧。


下面一例是layer.js展示相册,主要是演示了它的参数,重点是其中的json格式:


layer.config({extend: 'extend/layer.ext.js'});

var thumb = $(imgHtml).attr('src'); //缩略图,如http://www.jb51.cc/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的选择,指定弹出图片动画类型,默认随机
});

总结

以上是脚本之家为你收集整理的贤心旧版jquery layer.js如何展示相册全部内容,希望文章能够帮你解决贤心旧版jquery layer.js如何展示相册所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478