Question

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

我需要考虑所有情况（垂直/水平图像，垂直/水平浏览器窗口）

N.B。图像比例必须相同！（没有扭曲）

感谢

Answer 1

不确定这是不是你的意思，但我在我的一个项目中使用了“Supersized”jquery插件（它提供了diashow功能，但是如果你只传递一个图像，那么可能是你想要的）：{ {3}}还有“bgStretcher”插件，似乎做同样的事情，但我还没用过它：http://www.buildinternet.com/project/supersized/

Answer 2

我提出了这个解决方案。你认为这是疯了吗？它的工作原理.. :)

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;

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

2 个答案: