码迷,mamicode.com
首页 > 其他好文 > 详细

layey图片内容不居中

时间:2019-01-12 19:00:03      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:this   居中   highlight   val   地址   show   layer   内容   大于   

$(‘.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
		});

	})
	
});

  

layey图片内容不居中

标签:this   居中   highlight   val   地址   show   layer   内容   大于   

原文地址:https://www.cnblogs.com/my2018/p/10260563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!