I have three computers;
There are at least three ways to accomplish this.
As pointed out by Amitd's comment, in "show.html" add the following
<meta> tag to your document's
<meta http-equiv="refresh" content="5" />
This will automatically refresh the page every 5 seconds. Adjust the value of the
content attribute to the desired number of seconds.
As pointed out by MeNoMore,
document.location.reload() will refresh the page when you call it.
Finally, to answer your question to tpower's answer...
<head> element (version 1.4.2 used as an example):
You could also download the "jquery.min.js" and host it locally instead but that would, of course, only change the url you are loaded the script from.
The AJAX function above, when written using jQuery would look more like this:
As I hope is evident, the jQuery version is much simpler and cleaner. However, given the small scope of your project I don't know if you'd want to bother with the added overhead of jQuery (not that it's all that much). Neither do I know if your project requirements allow the possibility of jQuery. I included this example simply to answer your question of what
I'm equally sure that there are other methods by which you can accomplish refreshing the image. Personally, if the image url is always changing, I'd use the AJAX route. If the image url is static, I'd probably use the
<meta> refresh tag.