0

レスポンシブデザインで画像のサイズを変更する方法を実際に知っています。しかし、私の問題は単純ではありません。親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/

それを修正するのを手伝ってください。ご協力いただきありがとうございます。

4

1 に答える 1

1

次のように、OnImageLoad(event);関数を内部から呼び出すことができるはずです。window.onresize

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

または、jQuery を使用することもできます (window.onresize をラップするだけです)。

$(window).on('resize', function(event) { OnImageLoad(event); });
于 2013-10-09T14:49:31.120 に答える