2012-04-09 6 views
1

image/divをwindow resizeで動的にサイズ変更するスクリプトを持っていますが、ビューアがフルでないウィンドウを開いた場合、画像は表示領域には大きすぎます。ここでは(これがおなじみかもしれません)私が持っているものです:< /スクリプト>上記のコード次jQueryでimg resizeイベントを発生させる方法window resizeではなくウィンドウを開くとき

<script typ="text/javascript"> 
     $(window).resize(function() { 
      var hgt = $(window).height() - 427; 
      var wid = $(window).width() - 603; 
      $('.slides_container img').css({ 
       width:'auto', 
       height:hgt, 
      }); 
      $('.slides_container img').css("max-height", 427); 
      $('.slides_container img').css("max-width", 603); 
      $('.slides_container').css("width", '100%'); 
      $('.slides_container').height(hgt-10); 
     }); 
    </script> 

答えて

-1

入れ:

$(document).ready($(window).resize()); 
+0

私は、ウィンドウのサイズを調整したら、それはまだ唯一のサイズ変更に反応しました。 – Adam

+0

彼は明示的にイメージのサイズ変更イベントを要求していて、ウィンドウのサイズを変更しません。 –

関連する問題