Ici, il s'agit de ma webcam (normalement elle est affichée sur mes sites et blogs en stream mpeg, je n'ai donc pas vraiment l'utilisation de ce script). Mais il peut être aussi bien utilisé pour une image satellite dans un site météo.
Le script est en bleu et les seules choses à changer sont en rouge. Ce qui est en gris ne doit pas être recopié si vous êtes sur Blogger.
<div style="margin-right: auto; margin-left: auto;">. margin-right et margin-left sont sur "auto" pour bien aligner le DIV (container) au centre. Mais le script peut tout aussi bien fonctionner sans DIV. Sauf qu'il ne sera pas centré.
Si vous avez un site classique (sur votre serveur), il vaut mieux indiquer l'URL de votre image ainsi:
src="/image.jpg" ou src="/images/image.jpg"
ATTENTION, si vous mettez moins de 5 secondes et que votre connexion est un peu faible, l'image peut ne pas se rafraîchir ou se bloquer
<html>
<head>
</head>
<body>
<div style="margin-right: auto; margin-left: auto;">
<img border="1" src="http://monsite.com/image.jpg" height="358" name="image" width="640" />
<script language="JavaScript" type="text/javascript">
<!--
var t = 10 // intervalle en secondes
image = "http://monsite.com/image.jpg" //URL de l'image
function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime()
document.images["refresh"].src = image+tmp
setTimeout("Start()", t*1000)
}
Start();
// -->
</script>
</div>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire