JQuery UI droppables - cambiando la imagen que se ha caído

Question

Estoy trabajando con jQuery UI's droppables y me pregunto cuál es la mejor manera de hacer que el clon eliminado utilice un IMG SRC diferente al del elemento que se está eliminando.

En la demostración del administrador de fotos, la miniatura se coloca en una ranura del mismo tamaño. Me gustaría colocar una imagen grande en una ranura pequeña, y como tal necesito su clon para usar mi miniatura en lugar de la imagen completa.

¿Alguna sugerencia sobre la mejor manera de manejar esto?

Answer 1

La API droppable acepta una devolución de llamada 'drop' en sus opciones. Úselo para cambiar el src de la imagen, algo como:

  $('#dropContainer').droppable({
       drop: function(e,ui) {
            $(ui.draggable).attr('src','/path/to/different/image');
       }
  });