ansaurus

Question

Answer 1

A:

You can use jQuery load event.

Have a look at the example:

$('img.userIcon').load(function(){
    if($(this).height() > 100) {
        $(this).addClass('bigImg');
    }
});

Sagi 2010-02-26 14:16:51

-1: no mention of jQuery in the question, so an answer like this can be quite confusing.

Andy E 2010-02-26 14:39:33

Please don't use jquery unless jquery is requested

Juan Mendes 2010-02-26 15:07:15

Answer 2

+2 A:

var img = new Image();
img.onload = function() { alert("Height: " + this.height); }
img.src = "http://path/to/image.jpg";

Josh Stodola 2010-02-26 14:18:42

+1 - This is what I would have posted.

Andy E 2010-02-26 14:24:08

Grat! BTW: i'm quite ignorant on the AJAX subject, but just in case an image got with AJAX is cached in the same way of an image written dierctly into HTML code, you could eventually add this in order to avoid browser's image caching (obviously only if you need it): img.src="http://path/to/image.jpg"+"?refresh="+new Date().getTime();

Marco Demajo 2010-02-26 15:21:53

@Marco Or set `cache: false` on the XHR :) Although I don't think it's relevant here because the AJAX call is returning a URL to the image, not the image itself. But yes I suppose he could still use a random query string value to make sure no user-agent caching occurs.

Josh Stodola 2010-02-26 17:51:28

Answer 3

A:

Check this YUI image loader it will be helpful i think.

Anil Namde 2010-02-26 14:21:27

ansaurus

tags:

views:

answers:

Waiting for image to load in Javascript

related questions