javascript - jQueryUIdroppables-ドロップされる画像を変更する

Question

私はjQueryUIのドロップ可能オブジェクトIMG SRCを使用していますが、ドロップされたクローンにドロップされたアイテムとは異なるものを使用させるための最良の方法は何か疑問に思っています。

そこにあるフォトマネージャーのデモでは、サムネイルが同じサイズのスロットにドロップされます。大きな画像を小さなスロットにドロップしたいので、完全な画像の代わりにサムネイルを使用するには、そのクローンが必要です。

これを処理するための最良の方法に関する提案はありますか？

Answer 1

ドロップ可能なAPIは、そのオプションで「ドロップ」コールバックを受け入れます。これを使用して、画像のsrcを次のように変更します。

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