Javascript 最小尺寸与纵横比调整图像大小
我正在使用以下代码对图像执行调整大小功能:Javascript 最小尺寸与纵横比调整图像大小,javascript,jquery,html,Javascript,Jquery,Html,我正在使用以下代码对图像执行调整大小功能: $('.image_resize').each(function(){ var ww = $(window).width() - 80 - 400; var wh = $(window).height() - 60; var iar = $(this).attr('height') / $(this).attr('width'); var war = wh / ww; if(iar <= war){
$('.image_resize').each(function(){
var ww = $(window).width() - 80 - 400;
var wh = $(window).height() - 60;
var iar = $(this).attr('height') / $(this).attr('width');
var war = wh / ww;
if(iar <= war){
$(this).attr("width" , ww);
$(this).attr("height" , ww * iar);
}else{
$(this).attr("height" , wh);
$(this).attr("width" , wh / iar);
}
})
$('.image_resize')。每个(函数(){
var ww=$(window).width()-80-400;
var wh=$(窗口).height()-60;
var iar=$(this.attr('height')/$(this.attr('width');
var-war=wh/ww;
如果(iar您可以通过简单地检查窗口高度是否小于400来实现。如果小于400,则使用以下代码将其强制为400
var wh = $(window).height() - 60;
wh = wh < 400 ? 400 : wh;
var wh=$(窗口).height()-60;
wh=wh<400?400:wh;
您只需检查窗户高度是否小于400即可。如果小于400,则使用以下代码将其强制为400
var wh = $(window).height() - 60;
wh = wh < 400 ? 400 : wh;
var wh=$(窗口).height()-60;
wh=wh<400?400:wh;
>P>这里有两件事要考虑:
1) 图像大小受ww和wh限制。您可能希望为图像区域指定最小宽度和高度
var ww = $(window).width() - 80 - 400;
var wh = $(window).height() - 60;
ww= ww<50 ? 50 : ww;
wh= wh<50 ? 50 : wh;
var ww=$(窗口).width()-80-400;
var wh=$(窗口).height()-60;
WW= WW 这里有两件事要考虑:
1) 图像大小受ww和wh限制。您可能希望为图像区域指定最小宽度和高度
var ww = $(window).width() - 80 - 400;
var wh = $(window).height() - 60;
ww= ww<50 ? 50 : ww;
wh= wh<50 ? 50 : wh;
var ww=$(窗口).width()-80-400;
var wh=$(窗口).height()-60;
ww=ww