Redimensionnement de l'image qui utilise Jcrop

J'utilise le Jquery Jcrop pour tailler mes images. Maintenant, je suis à la mise en œuvre d'un curseur de redimensionnement de l'image. Je veux que le recadrage et le redimensionnement s'est vraiment passé sur la même page.

Je fais comme ça:

$(document).ready(function() {


    var img = $('#cropbox')[0]; //Get my img elem
    var orgwidth, orgheight;
    $("<img/>") //Make in memory copy of image to avoid css issues
        .attr("src", $(img).attr("src"))
        .load(function() {
            orgwidth = this.width;   //Note: $(this).width() will not
            orgheight = this.height; //work for in memory images.
        });

    $('#cropbox').Jcrop({
        onSelect: updateCoords
    });

    $("#imageslider").slider({
        value: 100,
        max: 100,
        min: 1,
        slide: function(event, ui) {
            //$('ul#grid li').css('font-size',ui.value+"px");
            resizeImage(orgwidth, orgheight);
        }
    });

});

Et mon simple resizeImage fonction:

function resizeImage(orgwidth, orgheight) {
    var value = $('#imageslider').slider('option', 'value');
    var width = orgwidth * (value / 100);
    var height = orgheight * (value / 100);
    $('#cropbox').width(width);
    $('#cropbox').height(height);
    $('#tester').val("org: "+orgwidth+" now: "+width);
}

Le problème est que, dès que j'allume Jcrop je ne peux pas redimensionner l'image. Comment puis-je utiliser ces deux fonctions en même temps?

OriginalL'auteur | 2011-06-03