현재 문서 크기에 비례하여 이미지 크기 조정

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); 
    } 

}