1

画面サイズに合わせて調整する画像がありますが、 は調整されず、と.heightは変化しません。調整する方法はありますか?.width()margin-leftmargin-top

    var $src = $(this).attr("href");
    $('#overlay').append('<img class="image" src="' + $src + '" />'); 
    var $image = $('img');
    $('.image').css('max-height','80%');
    $('.image').css('max-width','90%');
    $('.image').css('position', 'fixed');
    $('.image').css('top', '50%');
    $('.image').css('left', '50%');
    var $height = $image.height();
    var $width = $image.width();
    $('.image').css('margin-top', (($height/2)*-1));
    $('.image').css('margin-left', (($width/2)*-1)); 

http://jsfiddle.net/a8a4Y/

4

3 に答える 3

-1

jquery resize イベントが役立つ場合があります。

コードを関数に入れ、サイズ変更イベントで関数を呼び出します。

于 2013-08-26T04:25:18.860 に答える