是否有任何JavaScript库可根据浏览器窗口大小调整图像大小？

Question

is there any javascript library for resizing the images according to browser window sizes ?

I need to consider all cases (vertical / horizonal image, vertical / horizonal browser window)

NB The image scale has to be the same! (no distorsions)

thanks

Answer 1

不知道这是否正是您的意思，但是我在我的一个项目中使用了“ Supersized” jquery插件（它提供了diashow功能，但是如果只传递一个图像，可能就是您想要的）： http：// www.buildinternet.com/project/supersized/还有一个“ bgStretcher”插件，看起来差不多，但是我还没有使用它： http ://www.ajaxblender.com/bgstretcher-jquery-stretch-background -plugin.html

Answer 2

I came up with this solution. Is this insane in your opinion ? It works.. :)

var scale = 1;

                if ( imageWidth > imageHeight) {
                    if ( imageWidth > windowW) {
                        scale = windowW / imageWidth;
                        if ( (imageHeight * scale) > windowH) {
                            scale = scale * (windowH / imageHeight);
                        }
                    } else {
                        if ( imageHeight > windowH) {
                        scale = windowH / imageHeight;
                        if ( (imageWidth * scale) > windowW) {
                            scale = scale * (windowW / imageWidth);
                        }
                    }
                } 
                } else {
                    if ( imageHeight > windowH) {
                        scale = windowH / imageHeight;
                        if ( (imageWidth * scale) > windowW) {
                            scale = scale * (windowW / imageWidth);
                        }
                    } else {
                            if ( imageWidth > windowW) {
                                scale = windowW / imageWidth;
                                if ( (imageHeight * scale) > windowH) {
                                    scale = scale * (windowH / imageHeight);
                                }
                    }
                }
            }





                imageHeight = imageHeight * scale;      
                imageWidth = imageWidth * scale;