調整圖像大小調整

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圖像的大小。一個問題是，我每次調整窗口大小時，圖像作物都會變成50％。我的問題是如何防止這種反覆耕作。

它只需要通過第一次顯示圖像進行裁剪。

我希望有人能幫助我。

在此先感謝！

Answer 1

截至目前它將改變任何窗口的大小。你可能想要的是，如果窗口達到一定大小的圖像裁剪。所以你需要檢查窗口大小。

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