《賢心舊版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.snjht.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.snjht.com/jiaocheng/67.html