Rafraichir plusieurs images caméra ip
bonjour a tous
voila j'ai script pour rafraîchir mon image de webcam ip sur mon site qui fonctionne très bien pour une camera.
j'arrive a ajouté les 4 autres camera mais je n'arrive pas rafraîchir les images des camera mais je trouve pas la solution :(.
voici mon script
Code:
1 2 3 4 5
| <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript"> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| // l'idée c'est d'afficher l'image quand elle est chargée ...
var addEvent = function(object, eventName, callback) {
if(object.addEventListener) {
object.addEventListener(eventName, callback, false);
} else if(object.attachEvent) {
object.attachEvent('on'+eventName, callback);
}
}
var getId = function(id) {
return document.getElementById(id);
}
var updateImage = function(object, url) {
object.setAttribute('src', url);
}
var loadImage = function() {
// vive les maths !!
var url = 'http://mon ip:port/snapshot.cgi?'+Math.random();
var img = new Image();
img.src = url;
addEvent(img, 'load', function() {
updateImage(getId('img'), url);
window.setTimeout(loadImage, 1000);
});
}
addEvent(window, 'load', loadImage); |
Code:
1 2 3 4 5 6
| </script>
</head>
<body>
<p><img src="http://mon ip:port/snapshot.cgi" id="img" alt="Mauvaise config..." /></p>
</body>
</html> |
Comment faire pour rafraichir les 4 autre images de mes cam
Merci de votre aide
Ps: je suis ouvert a toutes proposition decentes;)