layer.open弹层查看缩略图的原图,自适应大小的实例
更新时间：2019年09月05日 09:08:09 作者：恋念思尔悄悄然
今天小编就为大家分享一篇layer.open弹层查看缩略图的原图,自适应大小的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
很多时候需要查看缩略图的原图，那么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中||和&&的妙用, 下面是一些优化写法。2010-02-02
这篇文章介绍了Ajax实现邮箱验证的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
下拉缓冲菜单效果想必大家都有见过吧，在本文使用JS轻松实现下，想学习的朋友可以参考下2013-08-08
这篇文章主要为大家详细介绍了JS监听滚动和id自动定位滚动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
开发Chrome扩展时，页面的popup.html中需要js的时候，直接将JS写在动态绑定JS事件会提示错误，下面有个不错的解决方法，大家可以参考下2014-02-02
这篇文章主要为大家详细介绍了小程序实现左右来回滚动字幕效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
本篇文章主要是对JS获取地址栏参数的几种方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JS中捕获console.log()输出的方法,实例分析了实现获取console.log输出的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
JavaScript高级程序设计 读书笔记之十一 内置对象Global
由ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现2012-03-03
柱形图是图表中常见的一种，这篇文章主要介绍了d3绘制基本的柱形图的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
最新评论