Training, Open Source computer languages
PerlPHPPythonMySQLApache / TomcatTclRubyJavaC and C++LinuxCSS 
Search for:
Home Accessibility Courses Diary The Mouth Forum Resources Site Map About Us Contact
 
For 2023 (and 2024 ...) - we are now fully retired from IT training.
We have made many, many friends over 25 years of teaching about Python, Tcl, Perl, PHP, Lua, Java, C and C++ - and MySQL, Linux and Solaris/SunOS too. Our training notes are now very much out of date, but due to upward compatability most of our examples remain operational and even relevant ad you are welcome to make us if them "as seen" and at your own risk.

Lisa and I (Graham) now live in what was our training centre in Melksham - happy to meet with former delegates here - but do check ahead before coming round. We are far from inactive - rather, enjoying the times that we are retired but still healthy enough in mind and body to be active!

I am also active in many other area and still look after a lot of web sites - you can find an index ((here))
Javascript - resizing image to fit browser window

Posted by admin (Graham Ellis), 14 June 2004
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.



This page is a thread posted to the opentalk forum at www.opentalk.org.uk and archived here for reference. To jump to the archive index please follow this link.

You can Add a comment or ranking to this page

© WELL HOUSE CONSULTANTS LTD., 2024: Well House Manor • 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01144 1225 708225 • FAX: 01144 1225 793803 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho