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:
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.
Otra opción sería jQuery.Shapeshift ; es muy parecido a Gridster.js , pero más adaptable.
5 años después, creo que esto es lo que estabas buscando: https://github.com/uberVU/grid