People use all different screen resolutions on their computers and not everyone has their browser window open full screen. This simple JavaScript will detect the available space in the browser window and select between two different sized versions of the same image depending on whether or not the larger one will fit. That allows those using higher resolutions and bigger browser windows to see a better version of the image while those with smaller screens can still see the whole image in their browser at a decent resolution (better than if the image itself were dynamically resized by the browser).

Dynamic Image Sizing

Tags: image, javascript