Web Imaging Design - Neils Resource WebWeb Imaging Design - Neils Resource WebImages - Design - Web Dev. - Neils Resource Web

Contract Menu | Expand Menu

Summary of Content
More DetailsThis website was originally designed to house my collection of photographs, its developed somewhat since(!) However I continue to look after the travel section and add to it as often as possible. I have lived with the MSFrontpage way of displaying enlargements in a new window, when clicking on a thumbnail. This was completely uncontrollable, preventing any controls, titling or customisation. I've tried the opening of a remote window, at least this allowed me to control the process. That worked but was still not particularly elegant. Its only after three years that I have found what I consider to be the best way of displaying the photographs. In fact I was so impressed I converted my travel section to the new method in 48 hours.
The original Lightbox is an excellent script for displaying an image in the same window as the thumbnail. Its shortcoming was that only part of the image is displayed when the image size is larger than the window size. Lightbox Plus addressed this problem by making the image expandable (with an on-screen control) when the image size is larger than the current window size. Also the image is resized automatically to suit to the current window size.
Single Photos Multiple Photos
This slide show version is new. Click on any thumbnail for an enlargement tailored to the browser window size. Click on the 'close' button to close it and return to the main page. If the enlargement size is bigger than the viewing window size an 'expand' control will be displayed to allow you to scroll around the full sized image. The main differences between this and the single photo version is the addition of the 'next' and 'previous' buttons which are displayed at the top of the enlarged photo when the mouse pointer is positioned anywhere to the left (previous) or right (next) of the images centreline. Forward and Back arrow keys will also operate as next and previous respectively. You also have to use the 'close' button rather than anywhere on the image to close the image. Also includes a fancy transition between images

LightShow  examples

This Section's News and Update History
 04/2006  The new version of Lightbox which is designed to cater for sets of pictures in a slideshow and called Lightshow is receiving a great deal of attention. Already 350+ comments on the site. Amongst these comments are a few gems where people aren't waiting for the program updates but doing it themselves. See the above an example of the current version with a couple of added tweaks.

 03/2006   There is a new version of Lightbox which is designed to cater for sets of pictures in a slideshow. Early days for this version, I think, as the functionality of the original Lightbox and Lightbox plus is not completely implemented yet. However it might work for you.


General
More Details

Last Update: 14/02/2008 - Web Imaging Design - Neils Resource Web

html 4.01 strict css 2.1 javascript 1.2