soltar objetos imagenes hacer drop dragover arrastrar archivos and javascript drag-and-drop

objetos - hacer drag and drop javascript



JavaScript Arrastrar y soltar la cuadrícula (5)

Eche un vistazo a JQuery y, más específicamente, a JQuery UI ya que tiene "arrastrable", "desplegable", "clasificable" y una variedad de otros componentes complejos.

Aquí está el ejemplo específico de una cuadrícula de arrastrar y soltar que está buscando.

Estoy buscando un script que me permita tener una grilla de divs que se puedan arrastrar (se usa para organizar miniaturas de imágenes ). Entonces, cuando un div se arrastra sobre otro, los divs cambiarían para crear un punto vacío para soltar el div.

Sé que jQuery tiene una lib de arrastrar y soltar, pero no parece permitir la funcionalidad que necesito (ajustar a una cuadrícula y mover los divs que lo rodean).

¿Alguien sabe de un guión o marco que tiene lo que necesito?

¡Gracias!


Tal vez mi biblioteca REDIPS.drag sea ​​útil. Utiliza la tabla (uno o muchos) como una cuadrícula de caída. Cualquier elemento DIV con clase = "arrastrar" podrá arrastrar a través de las celdas de la tabla. La biblioteca también tiene la opción de escribir código JS para eventos como: soltar, clonar, eliminar, mover ... es flexible y fácil de usar, aquí hay un enlace a la página de demostración:

http://www.redips.net/my/preview/REDIPS_drag/


No específicamente para imágenes, pero ciertamente podría usarse de esa manera, pero http://gridster.net/ se ve bastante bien por ser capaz de arrastrar y soltar elementos y hacer que vuelvan a mezclarse para ajustarse.