15 replies to this topic

[kvarnerexpress]

Hi all,
Does anyone know if there is any way to refresh only an image in a webpage? I can't use the meta refresh because that would defeat the purpose of this page. If a link to this page is needed to see what I mean, let me know. I am using layers and they are dragable by visitors and if I refresh the whole page, the layers get reset.
kvarnerexpress

[sunster13]

I don't fully understand what you mean, and a link would help.

But if you go to www.java.internet.com they have some good scripts and you will probably find the solution there.

[sunster13]

o srry it's http://javascript.internet.com/

srry bout that

[round]

i'm not sure what it is that your really trying to do, but from what i'm getting is that your looking for, or should be looking at an image rotation. I don't think there's a way of refreshing just one image on a page through js. Maybe you could do it with php.
round

[mizako]

kvarnerexpress, on Apr 21 2005, 08:57 PM, said:

Hi all,
Does anyone know if there is any way to refresh only an image in a webpage? I can't use the meta refresh because that would defeat the purpose of this page. If a link to this page is needed to see what I mean, let me know. I am using layers and they are dragable by visitors and if I refresh the whole page, the layers get reset.
kvarnerexpress

What do you mean with refresh an image?. Change the image for another one, for example when the user clicks a link? If it is that it can be done with Javascript?
Please, explain more detailed what it is exactlz what you want to do and maybe post a link.

[serverph]

check this out: http://automaticlabs...roducts/rotator
related trap17 topic: http://www.trap17.co...ogos-t2724.html

i used that php rotator code in my site before, but since my site became popular (relatively ) and gained unexpected traffic, i took it off my site since it has been eating on my bandwidth. nevertheless, it's a good script if that is what you are looking for. otherwise, maybe try explaining a bit more so we can be certain of what you actually require for your site.

[iGuest]

SetInterval('reloadImage()', 30000); // 30 seconds

Then, the reloadImage should replace the image thusly:

function reloadImage()
{
img = document.getElementById('theimage');
img.src = '/path/to/the/image/theimage.jpg?' + Math.random();
}

The Math.random() appended to the end of the image filename ensure that the
browser will reload the image.

-Singit.info

[iGuest]

thanksImage Refresh

oh man... You saved my life !

 quite good this feature using Math.Random() 

 I´d never thought about it, too simple and work perfectly. 

 

thnx !

 Najib El Alam

[kshan]

I am sorry but didnt get your quation. but may the below code will help you.

	  
	  <IMG src="image_name.jpg" width="275" height="200" border="1" name="refresh">
	  <script language="JavaScript" type="text/javascript">
	  <!--
	  var t = 120 // interval in seconds
	  image = "image_name.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>

Try this one - I use it to refresh my webcam pics. Just insert your on image address and interval time

Notice from rvalkass:

Added code tags around the code.

[Semsem]

Couldn't this also be done with AJAX?