按比例缩放图像以适应当前文档尺寸

Question

我有一个尺寸为alfa x beta像素的图像。

然后onDocumentReady和onWindowResize我计算当前文档的尺寸。

任务是按比例缩放图像，直到达到其中一个尺寸。

Answer 1

$(document).ready(function() { 

    scaleStart(); 

}); 

$(window).resize(function() { 

    scaleStart(); 

}); 

function scaleStart() { 

    $("#myImage").css("min-width", 0); 
    $("#myImage").css("min-height", 0); 

    var originalWidth = 1762; 
    var originalHeight = 1041; 

    var safeWidth = $(document).width() - 100; 
    var safeHeight = $(document).height() - 100; 

    var scaleWidth = originalWidth/safeWidth; 
    var scaleHeight = originalHeight/safeHeight; 

    if (scaleWidth > scaleHeight) 
    { 
     $("#myImage").css("min-width", originalWidth/scaleWidth); 
     $("#myImage").css("min-height", originalHeight/scaleWidth); 
    } 

    else 
    { 
     $("#myImage").css("min-width", originalWidth/scaleHeight); 
     $("#myImage").css("min-height", originalHeight/scaleHeight); 
    } 

}