Déplacer des images pour trier une liste

Bonjour,

J'ai une liste de livres que je présente par ordre de préférence.

J'ai déjà imaginé leur donner une note pour que le tri se fasse tout seul, mais en cas d'égalité, je veux quand même garder la main-mise sur la position.

J'ai également mis en place un système qui me permet de switcher deux livres, mais lorsque j'ajoute une référence qui se retrouve tout en bas de la liste, c'est particulièrement fastidieux de la faire remonter, position par position...

Bref, je suis donc à la recherche d'une méthode pour déplacer et organiser les images à la souris (un peu comme les albums-photos sur Facebook)... Vous auriez ça sous la main ???

Merci d'avance pour votre aide !!!

Tu peux essayer d’implémenter un script de drag'n'drop.
https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/le-drag-drop-2

Tu fais varier une valeur d'ordre à l'action du drag, qui fera la corrélation entre l'id de l'objet et sa position (je pense que tu en a déjà une). Tu peux par exemple échanger leur valeur de position à l'action entre l'élément pris et l'élément cible. Ensuite à l'enregistrement, tu envoies les données modifiées.

Limite tu peux même te baser sur leur valeur d'indexation dans le parent.