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

Question

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

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

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

Answer 1

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

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