layer.open弹层查看缩略图的原图,自适应大小的实例


Posted in Javascript onSeptember 05, 2019

很多时候需要查看缩略图的原图,那么layer.open是一个不错的选择

直接上代码

//查看原图
 function showImg(url){
 //alert(url);
 var img_infor = "<img src='" + url + "' />";
 layer.open({  
     type: 1, 
     closeBtn: 1,
     shade: false,  
     title: false, //不显示标题
     //skin: 'layui-layer-nobg', //没有背景色
     shadeClose: false,
     area:['auto','auto'],  
     //area: [img.width + 'px', img.height+'px'],  
     content: img_infor //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响  
     //cancel: function () {  
       //layer.msg('图片查看结束!', { time: 5000, icon: 6 });  
     //}  
   });  

 }

前提是要知道img的src

好了,ok!

以上这篇layer.open弹层查看缩略图的原图,自适应大小的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 Javascript
关于ES6箭头函数中的this问题
Feb 27 Javascript
angular4 JavaScript内存溢出问题
Mar 06 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 #Javascript
layer.js open 隐藏滚动条的例子
Sep 05 #Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 #Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 #Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 #Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 #Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 #Javascript
You might like
php 生成唯一id的几种解决方法
2013/03/08 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
php实现微信企业转账功能
2018/10/02 PHP
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
javascript定义函数的方法
2010/12/06 Javascript
Javascript面向对象编程(二) 构造函数的继承
2011/08/28 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
深入浅析Python代码规范性检测
2020/07/31 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
大学自荐信
2013/12/12 职场文书
中专生自我鉴定书范文
2013/12/28 职场文书
摄影助理岗位职责
2014/02/07 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
健康教育主题班会
2015/08/14 职场文书
生活委员竞选稿
2015/11/21 职场文书
高中团支书竞选稿
2015/11/21 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书