ansaurus

Question

How to refresh an image with Jquery a few seconds after page is loaded

Answer 1

A:

Try using setTimeout() in your $(document).ready() function. If you want to refresh that image asynchronously, you can use $.ajax() or its variants to request the "current" version of the image, then plop that into your page.

Ken Redler 2010-06-30 22:15:29

It should probably be placed in a $(window).load(function() {/*code*/}); Unlike document.ready, window.load will wait until everything including images are loaded. If you don't care if the images are loaded yet or not, then document.ready would be best.

revil 2010-07-01 00:39:01

Answer 2

+2 A:

Like this:

$(function() {
    setTimeout(function() {
        $('#volumegauge').attr('src', function(i, old) { return old + "&rand=" + new Date; });
    }, 3000);    //3,000 milliseconds
});

If the image's URL has no query string, replace & with ?.

SLaks 2010-06-30 22:15:48

This and make the image send the appropriate cache headers

Chris T 2010-06-30 23:45:24

Thank you for your effort but that doesn't seam to reload anything. On other scripts that I have tried, that are similar, You can see that it is loading something by the spinning icon on the status bar. With your script it never appears. Thank you again for trying.

eod_punk 2010-06-30 23:55:55

@eod_punk: I got the function wrong. Try it again now.

SLaks 2010-07-01 00:25:18

@SLaks I tried the updated code and it does try to reload the image but it same image is showing and does not appear to refreshing it. I also added the cache header for no cache. Am I trying to go about this the wrong way? Not sure if you noticed but I added the imd src in the orignal question as well. Thanks again.

eod_punk 2010-07-01 00:50:51

What URL does it request?

SLaks 2010-07-01 01:36:55

eod_punk 2010-07-01 01:44:45

ansaurus

tags:

views:

answers:

How to refresh an image with Jquery a few seconds after page is loaded

related questions