如何通过window.resize函数调整图像大小？

Question

我实际上知道如何使用自适应设计来调整图像大小。 但是，我的问题并不简单。 我正在使用父div的比例宽度函数来附加图像的宽度，如下所示：

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(){ ??? });

检查我的附件： 链接

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

帮我修复它。 谢谢你的帮助。

Answer 1

您应该能够只调用OnImageLoad(event); 从window.onresize内部执行的功能如下：

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

或者，您可以使用jQuery（仅包装window.onresize）：

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