// Set the variable $width to the width of our wrapper on page load
$width = $('#content').width();
// Target all images inside the #content. This works best if you want to ignore certain images that are part of the layout design
// Using jQuery CSS we write the $width variable we previously specified as a pixel value. We use max-width incase the image is smaller than our viewport it won't scale it larger. Don't forget to set height to auto or else it will squish your photos.
'max-width' : $width , 'height' : 'auto'
Then I used the following within the html module -
<div id="content"><img alt="" src="/portals/3/logo.jpg" /></div></div>
It works ok but I am wondering if this is the best way to do it or should I be doing it in the page skin?