ドラッグ可能な画像とサイズ変更可能な画像のJQuery UIの問題

Question

私は現時点でウェブページにある問題を解決しようとしています。 私は関連するトピックについてはダイビングをしていますが、いくつかの画像を使って、同じ問題を抱えているものは見つかりませんでした。

達成したいこと： 「divにドラッグ可とサイズ変更可能な画像を含めたい」。リンクをクリックすると、オンの画像が追加されます。

私は主に3つの問題（これも画像で説明）している：

• 私は新しい項目を追加すると、それは次のようにサイズ変更可能なマークされています、それは代わりに横にと、最後の画像の下に表示されます。私は、画像をドラッグすると、彼のY軸を変更して、サイズを変更してみてください http://i.stack.imgur.com/1dBXF.jpg

• それは（Xが一致している）ラスY軸の位置に移動し、自動的だ、（それがもサイズ変更可能としてマークされていた場合には、横に表示されます） 。 http://i.stack.imgur.com/rF9KK.jpg

• 画像をドラッグすると、もう一方の画像のサイズを変更しようとすると、ドラッグされた画像のY位置が変わります。 時間** P：//i.stack.imgur.com/OMWEr.jpg

私が何をするか分からない、おかげで多くのことを。

Answer 1

あなたが達成したいことを再現しようとしましたが、これに到着しましたsample
何らかの形で役立つことを願っています。
問題1：
私は別のdiv要素にそれらを割り当てることにより、サイズ変更可能な非サイズ変更可能な画像の分離を達成しここ

は、あなたが直面している問題への私の解像度です。 （そう簡単に見える：P）。

問題2 &問題3：
が、私はこの二つの問題に遭遇することができませんでした、あなたはalsoResizeまたはグリッド オプションを使用していますか？


[更新後]
私はあなたが遭遇した問題を見て、私の最初のコードを変更し、ここresultです。
私が更新した行にコメントを投稿しました。

あなたが直面していたサイズ変更の問題は、img要素がページ内に絶対配置されていないためです。

は、私は、これはいくつかの方法:)