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 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/remem...ze-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 !

Ca me semble compliqué de sauvegarder les positions et dimensions de plusieurs images si ces images ne sont pas identifiables de façon unique les unes par rapport aux autres... :?
Peut-être conserver les couple url/position dans un objet JSON.

Et au lieu d'utiliser les cookies, tu peux regarder du côté du localstorage qui me semble plus adapté.

Merci Bovino pour ta réponse rapide, alors effectivement elles sont identifiables entre elles seulement grâce à l'url. Je connais mal le JSON et le localstorage mais je vais travailler dans cette direction. En attendant toute aide supplémentaire est la bienvenue et merci encore !

On m'a conseillé d'introduire les dates et heures de chargement (par exemple 20140106184523) ou le valueOf() de la date javascript. Il suffirait alors de reprendre ces valeurs après la lettre i (un identifiant doit commencer par une lettre) pour leur donner des identifiants uniques.

Qu'en pensez-vous ?

Bonjour,
au chargement de la page le navigateur réalise une collection contenant toutes les images contenues dans la page, dans l'ordre de rencontre du HTML.

Si tes images ne sont que déplacées physiquement sur l'écran et non dans l'arborescence des noeuds tu peux toujours te servir de cette collection.

Code:

---

1 2	var lstImages = document.images; alert( lstImages[1].src); // par exemple

---