首页 > 其他 > 详细

layey图片内容不居中

时间:2019-01-12 18:46:00      阅读:256      评论:0      收藏:0      [点我收藏+]
$(‘.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图片内容不居中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!