I want to stretch an image such that the image occupies the entire width of the browser window. That is, the image will appear full width, no matter what the screen or browser size. (This is NOT a background for the web page).
1. Therefore as the browser window is resized, the complete image must remain within the borders of the browser.
2. No fixed min or max dimension is expected.
3. To prevent distortion the aspect ratio must not change (the height must scale proportionate to the width).
4. As the image forms part of the web page, it must move up and down. Space will be provided above and below to accommodate the thinning and thickening of the object
In the below link, there are 2 images. The top image acts as desired, except that it is not moving as the page scrolls. The second image moves with scrolling but isn't resizing. It is all done with CSS.
I believe spinner pro has an in-built resizing feature, but I don't have pro. I'd prefer not to use CSS for every major banner image, but the code used can be viewed at;
The .IMS file is also downloadable from there
Any suggestions welcome.