Javascript 使用JCrop重新缩放大型图像

我正在使用Jcrop裁剪图像。我的浏览器窗口中出现了一个大图像溢出的问题，因此我按照建议，使用框大小调整方法来缩放大图像以适应cropbox。我使用了下面的示例代码，效果很好，但问题是现在我的浏览器中既有缩放的图像，也有巨大的图像。我希望浏览器中只显示重新缩放的图像。有什么建议吗？下面是它如何显示的示例

$(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;
}

---

我错了，没有将两个cropbox函数合并在一起。当我发现并修改它时，它非常有效：

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