trickeries! » example http://trickeries.com it's tricky to rock a style thats liked online Tue, 02 Mar 2010 06:01:56 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Javascript measurements, window.onload, and getimagesize http://trickeries.com/132/javascript-measurements-windowonload-and-getimagesize/ http://trickeries.com/132/javascript-measurements-windowonload-and-getimagesize/#comments Wed, 28 May 2008 08:58:09 +0000 atom http://trickeries.com/?p=132 If you use a lot of javascript for animations / measurements (like I do), it can be very useful to include the width and the height of any images you use in your <img/> tags. This will make sure that width / height measurements taken by your javascript are accurate before waiting for all of the images to load. This leaves you free to run your code as soon as the dom is ready, without worrying about remeasuring once window.onload fires.

A teensy bit of php will take care of this for you if you do not already know the image size, or don’t care to look into it:

<img alt="i am lazy" src="/images/myImage.jpg" <?php list($w,$h) = getimagesize($path_to_image); echo "width=\"$w\" height=\"$h\""; ?>/>
]]> http://trickeries.com/132/javascript-measurements-windowonload-and-getimagesize/feed/ 0