Updating a picture without page reload

Question

How would I go about updating an image that gets updated on a server every couple of seconds with out the user having to hit the refresh button, my first guess was ajax but

Answer 1

just use javascript to update the src property of the img.

HTML:

JS:

document.getElementById("myImage").src = "http://....";

If you want it on a timer, do something like this:

setInterval(function() { ... }, 4000);

If you have an issue with caching, add a random query string to the end of the url: "?rnd=randomNumberHere"