Refresh Image onload with Javascript?

Question

I'm working on a wordpress editor where I need to be able to refresh images without having to reload the page. However, I'm not getting the plot as I'm not really a javascript master :(

I'm running this, but in the console log, all I get is: "Uncaught ReferenceError: updateImage is not defined". What am I doing wrong?

<script>

    var newImage = new Image();
    newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg";

    function updateImage() {
    if(newImage.complete) {
        document.getElementById("thumb1").src = newImage.src;
        newImage = new Image();
        newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg?" + new Date().getTime();

    }

        setTimeout(updateImage, 1000);
    };


</script>

<img id="thumb1" src="image.jpg" onload="updateImage();">

Not sure... have it from this thread: stackoverflow.com/questions/1077041/… — 2famous.TV
– 2famous.TV, Commented Jul 18, 2013 at 17:27
This code works as written here. Usually when I get that error there is a javascript syntax error somewhere on the page, usually a close bracket } or something. Do you have other javascript code on the page? — nickles80
– nickles80, Commented Jul 18, 2013 at 17:44
@Diodeus - yes it is. developer.mozilla.org/en-US/docs/Web/API/… — nickles80
– nickles80, Commented Jul 18, 2013 at 17:46

eKek0 · Accepted Answer · 2013-07-18 17:29:59Z

1

When the <img> is loading, the <script> is not loaded yet. So, the updateImage() method doesn't exists. Try to use jquery, there you could do it easily with the ready event.

answered Jul 18, 2013 at 17:29

eKek0

23.4k26 gold badges94 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

2famous.TV Over a year ago

I think that my best option here is to use unique filenames for each adjustment...

Collectives™ on Stack Overflow

Refresh Image onload with Javascript?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related