zoukankan      html  css  js  c++  java
  • 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>
    

    一个小问题,记录一下。 

    原:科技改变生活!
  • 相关阅读:
    js入门
    小程序事件处理
    Vue组件传递数据
    Vue+webpack
    vue总结
    Vue指令
    最优化练习题
    最优化学习笔记
    概率与统计分析练习题
    概率与统计分析学习笔记
  • 原文地址:https://www.cnblogs.com/iyuanpeng/p/14592172.html
Copyright © 2011-2022 走看看