相冊層，也可以稱之為圖片查看器。它的出場動畫從layer內置的動畫類型中隨機展現。photos支持傳入json和直接讀取頁面圖片兩種方式。如果是json傳入，如下：
1 $.getJSON('/jquery/layer/test/photos.json', function(json){ 2 layer.photos({ 3 photos: json 4 ,anim: 5 //0-6的選擇，指定彈出圖片動畫類型，默認隨機（請注意，3.0之前的版本用shift參數） 5 }); 6 });
返回的json需嚴格按照如下格式：
1 { 2 "title": "", //相冊標題 3 "id": 123, //相冊id 4 "start": 0, //初始顯示的圖片序號，默認0 5 "data": [ //相冊包含的圖片，數組格式 6 { 7 "alt": "圖片名", 8 "pid": 666, //圖片id 9 "src": "", //原圖地址 10 "thumb": "" //縮略圖地址 11 } 12 ] 13 }
如果是直接從頁面中獲取圖片，那么需要指向圖片的父容器，並且你的img可以設定一些規定的屬性（但不是必須的）。
1 //HTML示例 2 <div id="layer-photos-demo" class="layer-photos-demo">
3 <img layer-pid="圖片id，可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名">
4 <img layer-pid="圖片id，可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名">
5 </div>
6
7 <script>
8 //調用示例
9 layer.photos({ 10 photos: '#layer-photos-demo'
11 ,anim: 5 //0-6的選擇，指定彈出圖片動畫類型，默認隨機（請注意，3.0之前的版本用shift參數）
12 }); 13 </script>
版權聲明：本文為CSDN博主「楊林偉」的原創文章
原文鏈接：https://blog.csdn.net/qq_20042935/article/details/89448595