Comment puis-je supprimer jcrop?

comment puis-je onu-jcrop une image?

Je suis en ajoutant jcrop avec un;

$('#imgThumbnailer').Jcrop({
    onChange: statusCrop,
    onSelect: statusCrop,
    bgColor: 'black',
    bgOpacity: .3
});

Comment puis-je m'en défaire?

Edit:

$('#imgThumbnailer').attr("src", $obj.attr('thumbnailer_link'));

var dlg = $("#ThumbnailDialog").dialog({
    modal: false,
    draggable: false,
    position: 'center',
    zIndex: 99999,  //Above the overlay
    closeText: '',
    width: 510,
    height: 500,
    open: function () {
        $('body').css("overflow", "hidden");
        if ($.browser.msie) {
            $('html').css("overflow", "hidden");
        }
        $("#loader").show();

        var ratio = parseFloat($obj.attr('thumbnailer_ratio'));
        jcrop_api = $.Jcrop('#imgThumbnailer', {
            onChange: statusCrop,
            onSelect: statusCrop,
            bgColor: 'black',
            bgOpacity: .3,
            aspectRatio: ratio
        });

    },
    close: function () { $('body').css("overflow", "auto"); if ($.browser.msie) { $('html').css("overflow", "auto"); } $("#loader").hide(); },
    buttons: {
        'Set Thumbnail': function () {
            $(this).dialog('close');
        },
        Cancel: function () {
            jcrop_api.destroy();
            jcrop_api = null;
            $(this).dialog('close');
        }
    }
}).parent();
dlg.appendTo(jQuery('form:first'));

Le code ci-dessus ne fonctionne pas pour moi. Je pense que cela a à voir avec le fait que Im dans un jquery boîte de dialogue. http://code.google.com/p/jcrop/issues/detail?id=21

Vous ne savez pas exactement comment le corriger.

InformationsquelleAutor Justin808 | 2010-12-16

jcrop jquery

28

Edit: on dirait que vous devez conserver une référence à l'api lorsque vous ajoutez jcrop à une image.
```
//assign jcrop to jcrop_api
var jcrop_api = $.Jcrop('#imgThumbnailer', {
    onChange: statusCrop,
    onSelect: statusCrop,
    bgColor: 'black',
    bgOpacity: .3
});


//when you want to remove it
jcrop_api.destroy();
```
- Lorsque j'initialise jcrop de cette façon, il n'a pas d'initialiser :-/
- Ne vous obtenez une erreur?
- est trop court: j'ai mis le code ci-dessus. Je crois que c'est un bug dans jcrop. @Jeff l'Ours: Pas d'erreur. tous les JCrop divs sont mis à 0px la hauteur et la largeur avec display: none.
- Les travaux de cette. j'ai eu à passer jcrop à la dernière version développeur
InformationsquelleAutor Jeff the Bear
75

Je me demandais la même chose et après la lecture de la source ont trouvé une solution simple qui fonctionne dans v0.9.8 (les autres réponses ne travaille qu'avec le dev de la version actuelle). Si vous initier Jcrop comme ceci:
```
$('#imgThumbnailer').Jcrop({
    onChange: statusCrop,
    onSelect: statusCrop,
    bgColor: 'black',
    bgOpacity: .3
});
```
ensuite, vous pouvez obtenir l'accès à l'api et de détruire Jcrop via:
```
JcropAPI = $('#imgThumbnailer').data('Jcrop');
JcropAPI.destroy();
```
Il est probablement trop tard pour la personne mais j'espère que cela est utile à quelqu'un qui tombe sur cette page de google!
- En effet, c'était des tas utile pour moi. Merci pour le partage!
- Ce qui m'a empêché de tirer mes cheveux. Merci pour ce peu.
- En particulier, il semble y avoir une certaine interaction avec jQuery UI Dialog qui signifie que ce chemin est le chemin à parcourir, même maintenant, la version est jusqu'à 0.9.10.
- Exactement ce que j'ai gâché une journée entière à la recherche! Merci beaucoup, @foob!
- Rappelez-vous les gens cela peut être réduit à $('#imgThumbnailer').de données('Jcrop').destroy()
InformationsquelleAutor foob
3

À partir de la version v0.9.9 de Jcrop, vous devez le faire de la manière suivante:
```
var jcrop_api;
$('#target').Jcrop(options,function(){
    jcrop_api = this;
});
```
Courtoisie du créateur: http://deepliquid.com/content/Jcrop_API.html

InformationsquelleAutor Jan

Vous devez vous connecter pour publier un commentaire.