A different kind of jquery sortable

I have elements of different sizes that are arranged somewhat acording to a grid (like in the image below) and I want to drag and drop properly those elements. Is there a plugin that would do that? Sortable does not do it properly...

EDIT: By "properly" I mean it should act normal (meaning if I drag and drop the big one on the right it should rearrange inteligently). Maybe I just need to see one that does what I want and I'll make it do stuff "properly"

EDIT: If you move the big block on the right (how it should lo开发者_开发百科ok like).

EDIT: I just want a way to rearrange a grid-like layout like this one. I can accept other ideas..

---

At Ducksboard we just launched gridster.js, a jQuery plugin that makes possible to build draggable layouts from elements spanning multiple columns. A live demo can be seen at gridster.net.

We are using it to arrange widgets of differents sizes in our dashboards. Hope you like!

---

Try isotope's re-layout. But be sure to look at their OTHER examples on Isotope as well. Anyway...this should give you a healthy starting point.

---

I know you asked for this a while ago, but I finally remembered what it was called...

http://masonry.desandro.com/

Cheers.

---

Take a look at Geckoboard, which (I believe) uses jQuery Sortable to achieve the drag n drop grid layout.

---

Here's a simple way to do it using Isotope and jQuery UI.