Image Loading tip for Webkit browsers

image_loading_in_webkit.js

/*
Webkit browsers set the height and width property after the image is loaded. 
This results in zero being returned on trying to get the height and width.

So to get the right width and height using Javascript/jQuery 
(.height() and .width()) consider using a img loaded callback as shown in the 
example below.
*/

$('img').load(function() {
    // These will not return zero
    var width = $(this).width();
    var height = $(this).height();
});