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>
    

    一个小问题,记录一下。 

    原:科技改变生活!
  • 相关阅读:
    智联招聘
    我的Linux以及软件配置(长期更新)
    关于Git的笔记
    PHP和HTML表单
    web学习笔记——CSS整理(一)
    新开通博客园
    Thinphp模板替换
    __APP__
    大步前行
    centos 7 添加环境变量
  • 原文地址:https://www.cnblogs.com/iyuanpeng/p/14592172.html
Copyright © 2011-2022 走看看