使用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());
});

它不會保持寬高比......