[(x)HTML] Imposer le rafraîchissement d'une image

Répondre
Partager Rechercher
Hello,
Je cherche à imposer à tous les navigateurs de rafraîchir l'image contenue dans une page web, et donc de ne pas afficher celle stockée dans le cache. (en gros je fais une modif sur une image mais il m'affiche celle qu'il avait montrée avant modif, je suis obligé de faire un refresh de la page, mais je cherche une solution pour que le browser sache de lui même qu'il faut bien aller rechercher l'image).
Vous avez une solution pour ça ?

Merci !
__________________
http://home.in.tum.de/paula/mwc/pic/screenshots/al--419a.gif


Blirk,
Jamais dans l'erreur.
En HTML non, mais en PHP c'est possible.

Il faut écrire ça tout en haut de la page, avant même la déclaration du doctype. Il ne doit y avoir de caractère envoyé au navigateur avant.

Code PHP:

<?php
header
("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date du passé
?>
Ça évite au navigateur de mettre en cache la page, donc il va forcément aller chercher la nouvelle image sur le serveur. L'inconvénient c'est que ça le fait sur toute la page (voire même le site en entier mais ça dépend comment tu l'as construit).
Essaie ceci :

Code:
<html>
<head>
<title>Test</title>
<script>
window.onload = function()
{
	setInterval('refreshImage()', 2000); // rafraichissement toutes les 2 secondes
}

function refreshImage()
{
	var src = 'http://www.domain.com/image.jpg?' + new Date().getTime();
	document.getElementById('foo').src = src;
}
</script>
</head>
<body>
<img id="foo" src="http://www.domain.com/image.jpg" alt="une image qu'elle est cool" />
</body>
</html>
Répondre

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés