读书人

Jquery统制图片宽度及高度

发布时间: 2012-09-28 00:03:35 作者: rapoo

Jquery控制图片宽度及高度
HTML代码如下:



Jquery代码如下:

$(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);    }    });});
2 楼 hpjianhua 2012-03-28 嗯,不错,这种是等比例缩放的JS

读书人网 >Web前端

热点推荐