javascript - JCropで大きな画像をリスケール

Question

Jcropを使用して画像をトリミングしています。大きな画像がブラウザ ウィンドウからはみ出すという問題が発生したため、Jcrop のページのアドバイスに従い、Box Sizing Method を使用して、大きな画像をクロップボックス内に収まるようにスケーリングしました。サンプル コード (以下) を使用しましたが、問題なく動作しますが、問題は、拡大縮小された画像と巨大な画像の両方がブラウザーに表示されることです。再スケーリングされた画像のみをブラウザに表示したいと思います。助言がありますか？表示方法の例を次に示します。

$(function(){   
    $('#cropbox').Jcrop({ 
        boxWidth: 700, boxHeight: 700
    }); 
});

$(function(){
    $('#cropbox').Jcrop({    
        aspectRatio: 1,
        onSelect: updateCoords
    });
});

function updateCoords(c) {
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
};

function checkCoords() {
    if (parseInt($('#w').val())) return true;
    alert('Please select a crop region then press submit.');
    return false;
}