javascript prototype, recharger une image.

[estampille]

Bonjour,

bon voila mon probleme , j'affiche une image dans une div par dessus mon site et j'ai un bouton pour regénérer mon image qui va modifier mon image, jusque la ca marche, et apres je voudrais recharger mon image pour voir la nouvelle (c'est clair? )
Bref mon probleme est que l'image modifiée porte le même nom que celle d'origine, je l'écrase, et donc mon navigateur garde l'image en cache et ne veut pas afficher la nouvelle.
Je ne recharge pas la page entiere parce que je traite ca dans un faux popup (une div par dessus les autres), juste je la rafraichie en utilisant prototype.
bref , il faudrait peut etre vider le cache..
ou alors je vais passer par un fichier temporaire.. mais bon ca m'arrange moins..
bref si j'ai était assez clair et que vous avez une piste, n'hésitzez pas!

Merci

[LexWizard]

bah...j'ai pas compris.
C'est une sorte de galerie que tu fais ?
post un peu de code pour qu'on puisse mieux comprendre

[SpaceFrog]

question déja abordée moulte fois sur ce forum ...

ajoute un timestamp sur le src de ton, image ...

Code :

1
2
3
monsrc='nomimage.jpg?'+new Date();
 
document.getElementById('monimage').src=monsrc

cela contournera le cache

[leFred]

Merci pour cette réponse simple et accessible !!!

Quel est le principe en fait, ça ne change pas le nom de la source...mais comment ça marche exactement?

[jojosbiz]

Salut.

Après avoir utilisé cette technique, si tu regardes le cache de ton navigateur, tu verras qu'il y a deux fois la même image mais avec deux noms différents.

Pour une image qui s'appele "monimage.gif", tu auras dans le cache deux images nommées "monimage.gif" et "monimage.gif?1231163491".

En renouvelant l'opération 10 secondes plus tard, tu auras une 3ème image nommée "monimage.gif?1231163501".

Et ainsi de suite jusqu'à la vidange du cache