Refreshing gif image

Grafana
11

Hi @grant2 I’m afraid it looks like you’re stabbing in the dark here. A couple of points regarding the last few versions you shared:

  • As I mentioned, your HTML should not include <body> tags; the Grafana web page already has a body and you can’t nest another one inside it.
  • You should give the image an id (not a name), and then use that id to refer to it in the JavaScript. The way to do that is document.getElementById(id). I don’t think that document.id does anything useful.
  • You should make sure that the function you define actually gets called.

I haven’t tested it myself, but I feel like something like the below might work:

<img src="http://192.168.10.144/Streaming/channels/101/picture" id="imageToUpdate" />
<script language="javascript">
function updateImage() {
   image = document.getElementById("imageToUpdate");
   image.src = "http://192.168.10.144/Streaming/channels/101/picture" + "?r=" + Math.random();
   setTimeout(updateImage, 5000);
}
updateImage();
</script>

Maybe give it a go and see what happens? Be sure to check your browser’s JavaScript console (inside developer tools) for any errors. Good luck!