jQuery UI droppables - mudar a imagem que está caído

Question

Eu estou trabalhando com droppables do jQuery UI e estou querendo saber qual é a melhor maneira de fazer a cair clone usar um IMG SRC diferente do que o ser item de cair.

No gerenciador de fotos demonstração lá, a miniatura é derrubada em um slot que é do mesmo tamanho. Eu gostaria de soltar uma imagem grande em uma pequena fenda, e como tal eu preciso de seu clone de usar meu polegar em vez da imagem completa.

Todas as sugestões sobre a melhor maneira de lidar com isso?

Answer 1

A API droppable aceita um callback 'drop' em suas opções. Use-o para mudar o src da imagem, algo como:

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