JQuery UI Droppables - изменение выпавшего изображения

Question

Я работаю с выпадающими файлами пользовательского интерфейса jQuery и мне интересно, какой лучший способ заставить отброшенный клон использовать IMG SRC , отличный от удаляемого элемента.

В демонстрационной версии менеджера фотографий миниатюра помещается в слот того же размера. Я хотел бы перенести большое изображение в небольшой слот, и поэтому мне нужен его клон, чтобы использовать мой эскиз вместо полного изображения.

Есть предложения о том, как лучше всего с этим справиться?

Answer 1

API-интерфейс dropppable принимает обратный вызов drop в своих параметрах. Используйте его, чтобы изменить источник изображения, например:

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