Javascript Drag and Drop Raster

Question

Ich bin auf der Suche nach einem Skript, das mir erlauben würde, ein Raster von Draggable divs (verwendet, um zu organisieren Bild-Miniaturansichten ). Wenn also ein div über ein anderes gezogen wird, würden sich die divs verschieben, um einen leeren Platz für das div zu schaffen.

Ich weiß, jQuery hat eine Drag & Drop-Lib, aber es scheint nicht für die Funktionalität, die ich brauche (Einrasten auf ein Raster und Verschieben von umliegenden divs) zu ermöglichen.

Kennt jemand ein Skript oder Framework, das genau das bietet, was ich brauche?

Gracias.

Answer 1

Werfen Sie einen Blick auf die JQuery und genauer gesagt, JQuery UI da es "draggable", "droppable", "sortable" und eine Vielzahl anderer komplexer Komponenten hat.

Hier ein konkretes Beispiel für eine Drag-and-Drop-Gitter nach dem Sie suchen.

Answer 2

Nicht speziell für Bilder, aber es könnte sicherlich so verwendet werden, aber http://gridster.net/ Sieht ziemlich gut aus, weil man Gegenstände ziehen und ablegen kann und sie dann neu sortieren kann.

Answer 3

5 Jahre später denke ich, dass dies das ist, wonach Sie gesucht haben: https://github.com/uberVU/grid

Answer 4

Vielleicht ist mein REDIPS.drag Bibliothek wird hilfreich sein. Sie verwendet Tabellen (eine oder mehrere) als Ablagefläche. Jedes DIV-Element mit class="drag" ist in der Lage, über Tabellenzellen zu ziehen. Bibliothek haben auch die Möglichkeit, JS-Code für Ereignisse wie zu schreiben: Drop, klonen, löschen, verschieben ... es ist flexibel und einfach zu bedienen, hier ist Link zur Demo-Seite:

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

Answer 5

Eine andere Möglichkeit wäre jQuery.Shapeshift ; es ist so ähnlich wie Gridster.js , aber anpassungsfähiger.