I was looking to put together a slide show over the weekend, and have it accessible from a browser; I wanted the image width to reflect the width of the browser so that the image always fills the frame.

Javascript solution - in the head of the page:

Code:

<script> function filler() { browseWidth=document.body.clientWidth; document.fred.width = browseWidth-10; } </script>

and the image tag in the HTML body:

Code:

<img src='/slideshow/<?php print($name); ?>' name="fred" width=123>

Notes:

a) The width is just a dummy and will be replaced by the Javascript
b) The name ("fred" in this case) is necessary to identify the Javascript property with the appropriate image

This is part of a script available for demo (and to tell you about us in pictures) at http://www.wellho.net/slideshow/?pause=1 - enjoy!

If you're resizing images in this way, it's best to provide them at a higher resolution that you would for a normal web page - but bear in mind the bandwidth that will be used.   Our demo has a "slideshow" facility that runs great on a LAN or with ultrabroadband such as our 3 meg link, but it's impractical to use that if your connection is much slower.

---