0

アイテムは x,y 座標で保存されます。div は [0,0] から始まり、 (ドラッグ可能になる).itemsの動きに基づいて再配置されます。.draggerユーザーがドラッグ/リリースを停止するたび.draggerに、画面の中央に再配置され、現在のビューポートにある次の x/y 座標アイテムを.itemsコンテナーに配置する AJAX 要求が行われます。

それが紹介です。

すべてのアイテム タイプにはイメージマップがあります (デフォルトの [ 0,0,12,12,15,15,20,25] スタイル)。.items読み込まれるすべてのアイテムに対して、これらの値を含む html イメージマップを追加します。

問題は、ユーザーがdivのみをホバリングしているかのように、イメージマップの外側のスペースを動作させたいことです。.dragger以下に CSS スタイルを追加しました。

  • ドラッガー (カーソル:移動)
  • イメージマップ (カーソル:ポインタ)

マウスをイメージマップのすぐ外側に置くと（ただし、まだ画像上にありますが、透明なpngであるため、.draggerdivをホバリングしていると思います）、カーソルはポインターから移動カーソルに移動しませんが、ポインターから通常の矢。画像境界の外側でのみ移動カーソルに変わります。そして、（イメージマップの外側のイメージ上で）ドラッグしようとすると、アイテムイメージをコピー/ドラッグします（で使用されるjQueryドラッグではなく、ブラウザ統合ドラッグ.dragger）。

.draggerヘルパーが必要で、その.items動きに基づいて div を再配置します。カーソル/ドラッグ動作は可能ですか?

<div class="wrapper">
    <div class="dragger"></div>
    <div class="items"><!-- dynamic content --></div>
</div>
4

2 に答える 2

0

ここで推測するだけですが、結果のリンクをドラッグ可能なトリガーとして使用して、イメージマップの「逆」バージョンを作成できますか? これを適用してドラッグ可能なヘルパーを開始し、元の画像マップ領域の「外側」にあることでドラッグをトリガーします...

于 2010-07-20T15:35:41.993 に答える