¿Cómo elimino jcrop?

Question

¿cómo puedo quitar una imagen?

Estoy agregando jcrop con a;

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

¿Cómo hago para deshacerlo?

Editar:

$('#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')); 

El código anterior no funciona para mí. Creo que esto tiene que ver con el hecho de que estoy usando esto dentro de un diálogo de jquery. http://code.google.com/p/jcrop/issues/detail?id=21

No estoy seguro de cómo solucionarlo.

Answer 1

Editar: Parece que necesita mantener una referencia a la API cuando agrega jcrop a una imagen.

// 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(); 

Answer 2

Me preguntaba lo mismo y después de leer la fuente he encontrado una solución simple que funciona en v0.9.8 (el otro respuestas publicadas sólo funcionan con la versión dev actualmente). Si usted inicia Jcrop así:

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

entonces se puede obtener acceso a la API y destruir Jcrop a través de:

JcropAPI = $('#imgThumbnailer').data('Jcrop'); 
JcropAPI.destroy(); 

Es probable que sea demasiado tarde para que el autor de la pregunta, pero espero que esto sea útil a alguien que tropieza sobre esta página de google!

Answer 3

partir de la versión v0.9.9 de Jcrop, tiene que hacerlo de la siguiente manera:

var jcrop_api; 
$('#target').Jcrop(options,function(){ 
    jcrop_api = this; 
}); 

Cortesía del creador: http://deepliquid.com/content/Jcrop_API.html