如何通过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函数调整图像大小？

回答

相关问题