Jquery UI - sortable - Sans base de données

Bonjour,

Dans un logiciel d'annonces immobilieres, j'ai actuellement pour chaque annonce la possibilité de mettre 12 photos.

Je souhaiterais ordonner ces photos avec jquery ui sortable pour que la meilleure s'affiche en premier.

Seulement, ces photos ne sont pas en base de données, et se nomment de la manière suivante :

Id_annonce + p + numero_photo.jpg

donc mes photos s'appellent ainsi : 431p1.jpg, 431p2.jpg, 431p3.jpg, 431p4.jpg, 431p5.jpg.

Il faudrait qu'à chaque changement d'ordre des photos, je renomme les fichiers pour obtenir l'ordre souhaité.

Mais comment renommer sans écraser une image existante ?
Pensez-vous que cela prends beaucoup de ressources serveurs ?
Merci de vos conseils.

Bonsoir

À votre place, j'ajouterais une variable et je stockerais cette valeur côté serveur et côté client.

Exemple : <img data-photo-index="5" src="images/imageTest.png">.

Avant de quitter la page ou d'afficher d'autres photos, il faut modifier la valeur des attributs data-photo-index en fonction de leurs positionnements dans le sortable.

Et une transaction AJAX pour transmettre au serveur la nouvelle valeur des attributs pour toutes les photos.