jQuery Droppables UI - changer l'image qui est tombé

Question

Je travaille avec jQuery UI's droppables et je me demande quelle est la meilleure façon de faire le clone abandonné utiliser un autre IMG SRC que l'élément étant abandonné.

Dans la démo du gestionnaire de photos, la vignette est placée dans une fente de la même taille. Je voudrais déposer une grande image dans un petit emplacement, et en tant que tel, j'ai besoin de son clone pour utiliser ma vignette au lieu de l'image complète.

Des suggestions sur la meilleure façon de gérer cela?

Answer 1

L'API droppable accepte un rappel "drop" dans ses options. Utilisez-le pour changer le src de l'image, quelque chose comme:

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