HTML5 перетащить хит хит

Question

HTML5 перетащить хит хит

0

В настоящее время я занят сценарием перетаскивания. Но есть только одна вещь, которая беспокоит меня, хита. Возможно ли это с HTML5?

У меня есть два разных изображения друг над другом с прозрачным фоном. Когда я хочу щелкнуть один на заднем плане, я перетаскиваю его с переднего плана. И это имеет смысл, но можно ли это изменить?

<img src="/images/item.png" draggable="true" ondragstart="drag(event)" id="item1"> 
  // Lots of these images

<div class="item" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div class="item" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
// These are befor each other.

Marnix 10 дек. 2013, в 20:24

Источник

0

где здесь HTML5? Вы можете делать то, о чем говорите, используя <canvas> если это то, что вы спрашиваете.
jugg1es 10 дек. 2013, в 19:06
0

@ jugg1es это атрибуты и функциональность HTML5 drag'n'drop
Shomz 10 дек. 2013, в 19:22
0

@shomz о, да, забыл, что это были спецификации html5
jugg1es 10 дек. 2013, в 21:31

Показать ещё 1 комментарий

Теги:

jquery

html

html5

drag-and-drop

1 ответ

Ещё вопросы

где здесь HTML5? Вы можете делать то, о чем говорите, используя <canvas> если это то, что вы спрашиваете.
@ jugg1es это атрибуты и функциональность HTML5 drag'n'drop
@shomz о, да, забыл, что это были спецификации html5

Shomz · Answer 1 · 2013-12-10T18-07-00.000Z

Если вам не нужно отдельно перетаскивать изображение bg и fg, вы можете создать элемент контейнера (div), добавить к нему фоновое изображение, добавить к нему атрибуты перетаскивания и поместить в него fg-изображение, как ребенок.

Таким образом, вы можете иметь общий фоновый класс для нескольких изображений (я считаю, что это то, что вам нужно), в то время как изображение внутри может быть изменено.

Если вам нужна большая гибкость, вы можете рассмотреть jQuery UI Draggable и Droppable.

Может быть, я не правильно понял вопрос ... Если это так, не могли бы вы сделать jsfiddle?