相冊(cè)層,也可以稱之為圖片查看器。它的出場(chǎng)動(dòng)畫從layer內(nèi)置的動(dòng)畫類型中隨機(jī)展現(xiàn)。photos支持傳入json和直接讀取頁面圖片兩種方式。如果是json傳入,如下:
$.getJSON('/jquery/layer/test/photos.json', function(json){ layer.photos({ photos: json ,anim: 5 //0-6的選擇,指定彈出圖片動(dòng)畫類型 }); });
返回的json需嚴(yán)格按照如下格式:
{ "title": "", //相冊(cè)標(biāo)題 "id": 123, //相冊(cè)id "start": 0, //初始顯示的圖片序號(hào),默認(rèn)0 "data": [ //相冊(cè)包含的圖片,數(shù)組格式 { "alt": "圖片名", "pid": 666, //圖片id "src": "", //原圖地址 "thumb": "" //縮略圖地址 } ] }
如果是直接從頁面中獲取圖片,那么需要指向圖片的父容器,并且你的img可以設(shè)定一些規(guī)定的屬性(但不是必須的)。
<div id="layer-photos-demo" class="layer-photos-demo"> <img layer-pid="圖片id,可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名"> <img layer-pid="圖片id,可以不寫" layer-src="大圖地址" src="縮略圖" alt="圖片名"> </div>
<script> //調(diào)用示例 layer.photos({ photos: '#layer-photos-demo' ,anim: 5 //0-6的選擇,指定彈出圖片動(dòng)畫類型 }); </script>