layey图片内容不居中

$('.showImg').click(function(){
	var src = $(this).prevAll('input').val();
	layer.open({
		content:'<img class="content_img" src="'+src+'">',
	});

	$("<img/>").attr("src", src).load(function() {//imgSrc是图片地址
		var realWidth = this.width;//图片宽
		var realHeight = this.height;//图片高
			
		$imgw = realWidth;
		var w_w = $(window).width(); 
		var w_h = $(window).height(); 
		var go_l = (w_w - realWidth)/2;
		var go_t = (w_h - realHeight)/2-70;
		
		if($imgw >= w_w){//当图片宽大于窗口宽时
			$imgw = w_w;
			go_l = 0;
			$('.content_img').css('width',w_w-40);
		}
		
		$('.layui-layer-dialog').width($imgw).css({
			'left':go_l,
			'top':go_t
		});

	})
	
});

  

转载于:https://www.cnblogs.com/my2018/p/10260563.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值