如何通過window.resize函數調整圖像大小？

我實際上知道如何用響應式設計調整圖像大小。但是，我的問題並不簡單。我使用DIV母公司的規模寬度功能追加圖像的寬度是這樣的：如何通過window.resize函數調整圖像大小？

function OnImageLoad(evt){somthing....} 
<div class="parent"> 
<img style="left: 0px; top: -20px;" onload="OnImageLoad(event);" src="http://4.bp.blogspot.com/-pHWQ1Wp63GQ/Uk3TJLa9FbI/AAAAAAAAACg/_JUXOxweYY8/s1600/edu2.jpg" width="270" height="175"> 
</div>

現在，我想運行圖像的onload =事件「OnImageLoad（envent）;」再次，如果窗口大小調整：

$(window).resize(function(){ ??? });

檢查我的附件文件：Link

檢查小提琴：http://jsfiddle.net/h9DEF/2/

幫我解決這個問題。謝謝你的幫助。

來源

2013-10-09 Minh Anh

爲什麼不CSS？ – putvande

使用http://jsfiddle.net/，而不是一個文件來下載。 – epascarello

由於圖像是從帖子加載以創建縮略圖。爲了保證縮略圖質量，我必須使用縮放函數從父div生成圖像的大小。檢查我的附件。 @布拉澤：我的英語不太好。請跳過小錯誤。謝謝 –

你應該能夠只是叫你OnImageLoad(event);功能從window.onresize內，像這樣：

window.onresize = function(event) { OnImageLoad(event); }

或者你也可以使用jQuery（這只是封裝window.onresize）：

$(window).on('resize', function(event) { OnImageLoad(event); });

來源

2013-10-09 14:49:31

未運行。請檢查您的代碼，直到它確定。謝謝 –

這兩個功能都能正常工作。他們都會調用OnImageLoad，並將事件傳遞給它。嘗試console.log（event）;在其中任何一箇中，如果您的JavaScript正在運行，則每當窗口重新調整大小時，console.log都會運行。 –

做得如何？其實，我不明白你的意圖。 –

如何通過window.resize函數調整圖像大小？

回答

相關問題