我实际上知道如何使用响应式设计调整图像大小。但是,我的问题并不简单。我正在使用父 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(){ ??? });
检查我的附件:Link
检查 fiddle :http://jsfiddle.net/h9DEF/2/
帮我解决一下。感谢您的帮助。
最佳答案
您应该能够从 window.onresize
中调用您的 OnImageLoad(event);
函数,如下所示:
window.onresize = function(event) { OnImageLoad(event); }
或者你可以使用 jQuery(它简单地包装了 window.onresize):
$(window).on('resize', function(event) { OnImageLoad(event); });
关于javascript - 如何通过 window.resize 函数调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19274944/