Html coding

[neon]

Is there any html code that people can kindly donate to me to refresh images in a html page? Not sure if its possible, I have a meta tag to refresh the whole page but when you scroll down it takes you back to the top when it refreshs...
I think the only way to stop this is refresh the images within the page rather that the page but any other ideas welcomed....

Thank you in advance.

[dhicks]

I have a meta tag to refresh the whole page but when you scroll down it takes you back to the top when it refreshs...

You could set up a Javascript timer that changes the image. Give the image tag an ID that you can get Javascript to search for, then every time your timed function runs it simply goes an changes the "src" attribute of that image tag.

Edit: You might want to use a Javascript library such as JQuery to do the above, less messing around dealing with browser versions.

--
David Hicks

[neon]

Had a quick go with it but im not good enough at coding to know what to do....

<IMG src="imgname.jpg" width="320" height="240" border="1" name="refresh">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
var t = 1 // interval in seconds
image = "imaginname.jpg" //name of the image
function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime()
document.images["refresh"].src = image+tmp
setTimeout("Start()", t*1000)
}
Start();
// -->
</SCRIPT>

[dhicks]

Had a quick go with it but im not good enough at coding to know what to do...

That chunk of code looked about right, did you try running it, see what happened? You might want to make the timer interval a bit longer, certainly to start with, just so you get a chance to see what is happening. Also, won't you need a list of images in an array or something somewhere?

--
David Hicks

[neon]

tried running it but it did nothing, it had the picture in but did not update it... i am unsure about an array and where to put it?

[webman]

Close, but this might work (untested):

<IMG src="imgname.jpg" width="320" height="240" border="1" id="img"> 
<SCRIPT language="JavaScript" type="text/javascript"> 
<!-- 
var t = 1;
var image = "imaginname.jpg";

function Start() { 
    tmp = new Date();
    tmp = "?"+tmp.getTime();
    document.getElementById('img').src = image+tmp;
} 

setInterval("Start()", t * 1000);
// --> 
</SCRIPT>

[neon]

still no luck, displays the picture but does not refresh... any other ideas?

[webman]

I just put that on a page and it does seem to work - example here but with a different image loaded via the script to indicate that it has changed.

[neon]

hmmm... I can see it working on your link....
Have posted my script left my file locations in so you can see if i am doing anything wrong...

<IMG src="\\server\Adult Resources\xp11.jpg" width="320" height="240" border="1" id="img">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
var t = 3;
var image = "\\server\Adult Resources\xp11.jpg";

function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime();
document.getElementById('img').src = image+tmp;
}

setInterval("Start()", t * 1000);
// -->
</SCRIPT>

[stevehill06]

Its refreshing to the same image, so you will not see anything change. You would need to put a different image name in where you have var image = "\\server\Adult Resources\xp11.jpg";

Steve

hmmm... I can see it working on your link....
Have posted my script left my file locations in so you can see if i am doing anything wrong...

<IMG src="\\server\Adult Resources\xp11.jpg" width="320" height="240" border="1" id="img">
<SCRIPT language="JavaScript" type="text/javascript">
<!--
var t = 3;
var image = "\\server\Adult Resources\xp11.jpg";

function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime();
document.getElementById('img').src = image+tmp;
}

setInterval("Start()", t * 1000);
// -->
</SCRIPT>

[mossj]

I just put that on a page and it does seem to work - example here but with a different image loaded via the script to indicate that it has changed.

Thanks for that webman, okay to use it in a commercial enviroment?

[neon]

the image xp11.jpeg is changing every second, it is a webcam output picture thjat changes every second, if I f5 the webpage the picture changes?

[Friez]

I can't see anything wrong with the code whatsoever.

Make sure that the images url is different every time (check the properties).
It should be something like....

For Example:
xp11.jpg?1258360019056
then the number will be different on refresh:
xp11.jpg?1258360024056

Ensure it's actually different, if it IS, then the code is doing its refresh thang.

[webman]

Thanks for that webman, okay to use it in a commercial enviroment?

Sure, although I just slightly modified the original post by neon.

@neon: Instead of using UNC paths, try using this:

file:///server/Adult Resources/xp11.jpg

[neon]

if i put in file:///server/Adult Resources/xp11.jpg it doesnt even display the picture in the webpage... ?

but if i put \\server\Adult Resources\xp11.jpg it works... just doesnt refresh