droppable dell'interfaccia utente di jQuery: modifica dell'immagine che è stata rilasciata

Question

Sto lavorando con droppables dell'interfaccia utente di jQuery e mi chiedo quale sia il modo migliore per fare in modo che il clone rilasciato usi un IMG SRC diverso dall'oggetto che viene lasciato cadere.

Nella demo di Photo Manager, la miniatura viene rilasciata in uno slot della stessa dimensione. Vorrei rilasciare un'immagine grande in un piccolo slot e come tale ho bisogno del suo clone per usare la mia anteprima anziché l'immagine intera.

Qualche suggerimento sul modo migliore per gestirlo?

Answer 1

L'API droppable accetta un callback 'drop' nelle sue opzioni. Usalo per cambiare l'src dell'immagine, qualcosa del tipo:

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