Any help with this would be so appreciated. My html knowledge is limited but I've got a basic enough grasp to have created pages before. But now I'm stuck.
I want to give a live presentation that involves my audience watching a webpage with images on it. When I get to a specific point in my presentation, I'd like an image to change without the need for my audience to do anything.
I have tried adding <META HTTP-EQUIV="refresh" CONTENT="15"> and then simply FTPing a new image with the same file name to the server so that it refreshes with the new image.
This would work fine, but it means that the graphics constantly flash as they refresh and what's more, I have streaming video on my page that is struggling to keep up and keeps 'falling over'.
So my question is... is there any way I can force this pesky image to change without refreshing the entire page? Is there some code I can use that will mean that when I FTP a replacement image (possibly of the same name) to the server the server will force the webpage to change it live?
I'm getting desperate. Any help or advise would be very much appreciated.
If your programming skills are limited, I'd suggest using an <iframe> to display the image within the webpage that displays your video and everything else. That way, the external document that displays the image (and nothing else) can have the <meta> refresh tag and only that single image will be reloaded from the server.
Thanks for your reply rtrethewey - it is appreciated.
I have tried the <meta> refresh route - but as I;d imagine you already know, it's a little messy and the image of course constantly flickers if refreshing and without a change. A little distracting to say the least!
I have heard of AJAX and believe this may be the best way forward but haven't the knowledge or skills to implement really. I'm guessing I'd need something on the server and then some code pasted into the page itself?
It uses the same code as posted by t12 (with a substantially higher delay) and the image is displayed using (a bit of overkill to try and resolve the problem).......
<iframe frameborder=0 marginwidth=0 marginheight=0 border=0 width="360" height="270"
src="http://icons.wunderground.com/webcamramdisk/g/l/Gluepack/1/current.jpg?" id="re" scrolling="no"
allowtransparency="true">If you can see this, your browser doesn't understand IFRAME.
However, we'll still <A HREF="http://icons.wunderground.com/webcamramdisk/g/l/Gluepack/1/current.jpg">
link</A> you to the file.</iframe>