Jquery控制图片宽度及高度 ,做到等比例缩放

最新推荐文章于 2020-09-01 14:44:58 发布

wyq645741608

最新推荐文章于 2020-09-01 14:44:58 发布

阅读量265

点赞数

分类专栏： Javascript/JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/wyq645741608/article/details/84269893

版权

Javascript/JQuery 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

$(document).ready(function() {
		    var maxWidth = 780;
		    var maxHeight = 500;
		    var zoomTimes;
		    $("img").each(function(){			
				    var curWidth  = $(this).width();
				    var curHeight = $(this).height();
				    if(curWidth > maxWidth){
				         $(this).width(maxWidth);
				         zoomTimes=curWidth/maxWidth;
				         $(this).height(curHeight/zoomTimes);
				    }else if(curHeight > maxHeight){
				         $(this).height(maxHeight);
				         zoomTimes=curHeight/maxHeight;
				         $(this).width(curWidth/zoomTimes);
				    }
			    });
		});