2009-05-19 22 views
5

私は背景を持つ画像操作スクリプトを開発しており、ユーザーはその背景に1つ以上の画像をアップロードすることができます。私はユーザーがBGの周りをドラッグして移動できるようにし、最終的に最終的な画像を生成することができます。しかし、私はどのようにBG上でドラッグ可能な画像の位置の位置を取得するのか分かりません。私はインターネットや電子ブックの周りを検索してきましたが、ヒントはありません。どうか私に見せてください。貴方の貴重な返事を待っています。jQueryで画像の現在位置を取得する方法は?

答えて

12

position()を見てみましょう:

var pos = $("#myimage").position(); // returns an object with the attribute top and left 
pos.top; // top offset position 
pos.left; // left offset position 
0

をあなたは二つのことを言った:

  1. あなたはそのを調整できるようにしたい
  2. 背景に画像を保存しておきたいです親要素の位置。

したがって、画像を親divの「背景画像」として、「background-repeat:no-repeat」で設定する必要があります。

イメージの位置は、 "background-position"プロパティで制御できます。

もちろん、親div内のanを使用し、 "position:absolute"と "position:relative"の巧妙な相互作用を使用して別の実装を行うこともできますが、画像の再配置がスムーズです背景ではなく、イメージがイメージとして存在する。

希望に役立ちます。

歓声、jrh

関連する問題