使用javascript调整图像大小全屏？

Question

您可以使用javascript以与闪存相同的方式将图像调整为全屏图像吗？

我发现了这个链接，但它是一个带幻灯片等的整个插件，而不仅仅是我需要更多自定义设计的功能： http://buildinternet.com/project/supersized/

这个插件似乎只与背景图像： http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html

理想情况下，我喜欢用jQuery做这件事。 谢谢

Answer 1

以下是基本实现的示例。它考虑了窗口的大小调整，但没有考虑到图像的任何焦点，因此对于奇怪大小的窗口，焦点可能会脱离视野。

http://jsbin.com/okizi5

编辑：我忘了指出图像中的宽度/高度属性对于所有浏览器（特别是Safari）来说都是必要的，以计算图像的纵横比。如果您的图像是动态的并且尺寸不可用，则可以在绑定到窗口的“加载”函数内计算这些图像。

Answer 2

是。我不明白为什么你不能，真的。您可以使用JavaScript及其DOM接口来修改图像的样式属性以调整图像大小。你甚至不需要像jQuery那样繁重的库;它都是原生的。

Answer 3

这个怎么样：

$(window).resize(function() {
    $('#myImgId').width($(window).width());
    $('#myImgId').height($(window).height());
});

它不会保持纵横比...