Элементы хранятся с координатами x, y. Div .items начинается с [0,0] и перемещается в зависимости от движения .dragger (которое можно перетаскивать). Каждый раз, когда пользователь прекращает перетаскивание / отпускание, .dragger перемещается в центр экрана, и делается запрос AJAX, который помещает следующие скоординированные элементы x / y, которые находятся в текущем окне просмотра, в контейнер .items.
Это введение.
Каждый тип элемента имеет карту изображения (стиль по умолчанию [0,0,12,12,15,15,20,25]). Я добавляю HTML-карту изображений с этими значениями в .items для каждого загруженного элемента.
Проблема в том, что я хочу, чтобы пространство вне карты изображений велось , как если бы пользователь зависал только над .dragger div. Я добавил стили CSS в:
- Dragger (курсор: переместить)
- imagemaps (курсор: указатель)
При наведении курсора мыши за пределами карты изображения (но все еще на изображении, однако он прозрачный png, поэтому я «думаю», что наведен .dragger div), курсор не перемещается от указателя к перемещению. курсор, но от указателя на обычную стрелку. Только за пределами изображения оно превращается в курсор перемещения. И когда я пытаюсь перетащить (на изображение вне карты изображений), я копирую / перетаскиваю элемент-изображение (перетаскивание, встроенное в браузер, а не перетаскивание jQuery, используемое на .dragger).
Мне нужен помощник .dragger и измените положение .items div в зависимости от его движения. Возможен ли курсор / перетаскивание?
<div class="wrapper">
<div class="dragger"></div>
<div class="items"><!-- dynamic content --></div>
</div>