showimg.php,layer弹出图片

layer弹出层非常之好用，用户体验非常好，有这样一个需求，当点击指定文字或是缩略图后，使用layer弹出原图片，并且弹出层的宽和高根据图片大小自动变化。下面是实现这一功能的代码。function showImg(url){

console.log("进来了")

var img = "";

layer.open({

type: 1,

shade: false,

title: false, //不显示标题

area:['auto','auto'],

area: [img.width + 'px', img.height+'px'],

content: img, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响

cancel: function () {

//layer.msg('图片查看结束！', { time: 5000, icon: 6 });

}

});

}

如果想要规定弹出层的宽高，将属性area设置即可如弹出层宽800px，高600px，可写成area['800px','600px']

showimg.php,layer弹出图片相关推荐

layer弹出图片的问题
layer下载地址:http://layer.layui.com/ jQuery下载地址:http://www.jq22.com/jquery-info122 使用layer弹框的步骤: 1.引入ja ...
layer 上传图片点击取消仍在加载_layer 点击弹出图片
今天做东西有一个功能:在列表点击图片弹出并放大显示,使用到了layer的页面层,下边是个小demo success:function (e) { var url = e.qrcode_url; //a ...
前端ui框架layui——layer弹出层-弹出框方法
----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...
layui内置模块（layer弹出层）
前面我们已经对layui前端框架的页面元素进行了简单的学习,但是作为一个可用的程序,仅仅是长的好看,并没有那个什么用:在好看的同时还需要实用和酷炫,实用就需要实现我们方便的和后端进行数据交互,酷炫就是 ...
layui弹出层html,layer弹出层
layer 弹出层,怎么只让他弹出一次.在线等我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的所 ...
layer弹出层组件实现加载效果
layer弹出层组件挺实用的,需要跟jQuery配合使用,下面介绍一下利用layer制作加载层. 使用layer.load() layer.load(1,{ // 0/1/2表示图标,load有三种可 ...
Vue（二十一）Layer弹出层
安装:下载源码到本地 layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互.目前已成为 ...
layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...
JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片...
1, 点击弹出图片 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

showimg.php,layer弹出图片

showimg.php,layer弹出图片相关推荐

最新文章

热门文章