Sauvegarder position/taille image (jQuery UI)

Bonjour,

j'ai une page "www.monsite.fr/images" et j'aimerais enregistrer sur cette page les positions de l'interaction ".draggable" quand je déplace mes images et la taille de ".resizable" quand je les redimensionne. Le but est de pouvoir naviguer sur le site de pages et en pages et que lorsqu'on revient sur "www.monsite.fr/images" les images aient gardées chacune la taille, la position (x,y) et l'ordre (z). J'ai trouvé une solution qui utilise les cookies sur le forum de jQuery ("https://forum.jquery.com/topic/remember-position-and-size-in-a-cookie"). Cette solution marche très bien (j'ai fais toutes les étapes jusqu'au bout) mais seulement lorsque l'on a une seule image ou lorsque chaque image possède un "id" différent.

Mon problème: chaque image sur "www.monsite.fr/images" est générée de manière automatique en PHP (à l'aide de SESSION, GET et foreach) du coup chaque image possède la même classe (donc pas de "id" différent). Quelqu'un aurait-il une solution pour sauvegarder la position, la taille et l'ordre de chaque image séparément ?

Un grand merci d'avance !