layer.photos動態加載圖片及靜態加載圖片


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>

一個小問題,記錄一下。 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM