Comment trier les images en jquery/php/mysql même que google picassa réorganiser l'interface?

Je suis en utilisant PHP/MYSQL.

Je veux créer une galerie d'image pour le tri des images. L'utilisateur va glisser et déposer des images à trier et d'organiser leurs images. Tout comme picassa ce faire.

J'ai créé une page en utilisant l'aide de jQuery UI sortable plug-in: http://jqueryui.com/demos/sortable/#display-grid

Page De Démonstration: http://jsbin.com/oqani/9/

Son glisser-déposer les images correctement. Mais je ne suis pas en mesure d'obtenir l'ordre actuel des images après que l'utilisateur fait avec le tri des images. Une fois que je vais passer commande en cours, je dois sauver l'ordre en db pour cette image particulière.

Supposons que j'ai des images 1, 2, 3, 4, 5, 6, 7, 8, 9 l'ordre puis, j'ai eu recours images et l'ordre est devenu 1, 3, 4, 7, 8, 2, 5, 6, 9. Alors cliquez sur "Afficher la Commande" bouton, il devrait m'afficher la commande 1, 3, 4, 7, 8, 2, 5, 6, 9.

Quelqu'un peut-il svp m'aider à montrer l'actuel ordre des images, cliquez sur "Afficher la Commande" bouton et également de me fournir un concept de la façon dont je vais mettre la commande en cours pour une image donnée en DB.

Grâce

OriginalL'auteur Prashant | 2010-02-24