リサイズ画像は、私は画像ビューアを構築していると私は私のコードで問題をしました

Question

のサイズを変更：

$('.table_content_results table').click(function() 
{ 
    $('#overlay').show(); 
    $('#pdfFrame').show(); 
    $(window).resize(); 
}); 

$(window).resize(function() 
{ 

    var contentWidth = $('#pdfFrame').children('img').width(); 
    var contentHeight = $('#pdfFrame').children('img').height(); 

    var imageWidth = contentWidth/2; 
    var imageHeight = contentHeight/2; 

    $('#pdfFrame').children('img').width(imageWidth).height(imageHeight); 

    $('#pdfFrame').css(
    { 
     position:'absolute', 
     left: ($(window).width() - imageWidth)/2, 
     top: ($(window).height() - imageHeight)/2 
    }); 
}); 

私はdiv要素の#pdfFrameに画像のサイズをトリミングするスクリプトで。 1つの問題は、ウィンドウのサイズを変更するたびにイメージが50％作物を作ってしまうことです。私の質問は、これを何度も繰り返すのを防ぐ方法です。

初めて画像を表示するだけでトリミングする必要があります。

誰かが私を助けてくれることを願っています。

ありがとうございます！

Answer 1

現在のところ、ウィンドウのサイズ変更時に変更される予定です。おそらくあなたが望むのは、ウインドウが画像を切り抜くための特定のサイズに達した場合です。したがって、ウィンドウのサイズを確認する必要があります。

$(window).resize(function() 
{ 
    if($(window).width() < 400 || $(window).height() < 400) 
    { 
     //execute crop 
    } 
}