自动比例调整cs页面的大图的js，告别讨厌的滚动条_javascript window.onload = initimages-优快云博客

本文介绍了一种使用JavaScript实现的图片自适应缩放功能，确保图片在不同分辨率下都能良好显示，同时保持原始比例不变。代码通过计算图片原始尺寸与限定尺寸的比例关系来调整图片大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ResizeImage(imageid,limitWidth,limitHeight) 

{     

    var image = new Image(); 

    image.src = imageid.src; 

     

    if(image.width <= 0 && image.height <= 0) return; 

     

    if(image.width/image.height >= limitWidth/limitHeight) 

    { 

        if(image.width > limitWidth) 

        { 

            imageid.width = limitWidth; 

            imageid.height = (image.height*limitWidth)/image.width; 

        } 

    } 

    else if(image.height > limitHeight) 

    { 

            imageid.height = limitHeight; 

            imageid.width = (image.width*limitHeight)/image.height;      

    } 

     

    if (imageid.parentElement.tagName != "A") 

    { 

        imageid.onclick = function(){window.open(this.src);} 

        imageid.style.cursor = "hand"; 

    } 

} 



window.onload = InitImages; 



function InitImages() 

{ 

    var maxWidth = 600; 

    var maxHeight = 800; 

     

    var imgs = document.getElementsByTagName("img"); 

     

    for(var i=0; i < imgs.length; i++) 

    { 

        var img = imgs[i]; 

         

        if(img.width>maxWidth||img.height>maxHeight) 

            ResizeImage(img, maxWidth, maxHeight); 

    } 

}