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

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

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>

查看我的附件：

检查小提琴：

---

帮我修一下。感谢您的帮助。

您应该可以直接调用您的

OnImageLoad（事件）在
窗口内运行。按如下方式调整大小：

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

或者您可以使用jQuery（它只是包装window.onresize）：

使用，而不是下载文件。因为图像是从帖子加载来创建缩略图的。为了保证缩略图的质量，我必须使用缩放功能从父分区生成图像的大小。检查我的附加文件@布莱泽：我的英语不太好。请跳过这个小错误。谢谢，我们不打算点击你的附件，因为我们不知道它会去哪里，也不知道它会做什么。此外，如果您修复了该外部页面，这个问题将不再对后代有用。请将您的相关代码直接添加到问题中。epas：检查我更新的问题。@happi您可以使用
max width:X；高度：自动这将保持图像的比例并按宽度调整大小。或者您可以保留它，并使用“最大高度”按高度调整大小。X将是一个百分比/像素的数字（您必须指定使用%或px）。这两个函数都可以工作。它们都将调用OnImageLoad，并将事件传递给它。尝试console.log（事件）；在其中任何一个窗口中，如果您的javascript正在运行，则每次重新调整窗口大小时，console.log都会运行。如何操作？事实上，我不理解你的意图。你想在每次重新调整窗口大小时运行OnImageLoad函数，对吗？我的答案中的函数将侦听器添加到窗口上的重新调整大小事件中。每次重新调整窗口大小时，函数中的代码都将运行。如果您在这些侦听函数中调用OnImageLoad，则每次调用侦听器时都会调用OnImageLoad。您能帮我处理附件吗。我知道你的帮助，但我没有成功。谢谢我不确定你想用这个javascript实现什么，但是当从一个图像或一个调整大小的监听器传递事件时，它会有所不同。这样的事情可能会帮助你朝着目标前进
window.onresize = function(event) { OnImageLoad(event); }

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