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>
    

    一个小问题,记录一下。 

    原:科技改变生活!
  • 相关阅读:
    JavaScript中的数组
    JavaScript中的对象
    Highcharts中设置x轴为时间的写法
    CSS 选择器(基础)
    DOM节点
    平衡木蜻蜓
    python2.7 qt4
    C语言优先级
    树莓派与stm32通信
    linux下USB转串口配置
  • 原文地址:https://www.cnblogs.com/iyuanpeng/p/14592172.html
Copyright © 2011-2022 走看看