1. layer組件 - 靜態加載圖片縮略圖
//HTML示例 <div id="layer-photos-img"> <img src="圖片地址"> <img src="圖片地址"> </div> <script> //調用示例 layer.photos({ photos: '#layer-photos-img', anim: 5 //0-6的選擇,指定彈出圖片動畫類型,默認隨機(請注意,3.0之前的版本用shift參數) }); </script>
2. layer組件 - 動態加載圖片縮略圖
// HTML示例 <div class='img-list'> <img src="圖片地址"> </div> <div class='img-list'> <img src="圖片地址"> </div> <div class='img-list'> <img src="圖片地址"> </div> <script> // 調用示例 $("body").on("click",".img-list img",function(e){ layer.photos({ photos: { "data": [{"src": e.target.src,}]} }); }); </script>
一個小問題,記錄一下。