Click for Large Image

Display a small image on your web page. Click on it to display the full-size version in a picture box centered in the browser window. That's the technique offered in the tutorial, "Click for Large Image", available in the WSS members area.

The instructions take you through 3 implementation steps to create the clickable image.

1. Design the box within which the large image will be displayed. An example is provided to start with; you can revise the example code as needed.

2. Put the JavaScript included in the instructions on your web page. Other than 3 places to customize, it is copy 'n paste.

3. Publish the small/thumbnail images. Each image tag gets an onclick attribute to tell the JavaScript to display the large image.

Each step is described in detail, including examples, in the "Click for Large Image" tutorial now available in the WSS members area. Click here to see the complete tutorial and download the file for reference. (Log in, if you haven't recently.)