Opening an enlarged photograph in a new window from a thumbnails & text.
Example 1 - A single thumbnail 333 x 250 pixels - no caption an no alt tags (the words visible when you mouse over the image - alt tags are on all the other examples) - when clicked on opens a new window to show the photograph at the largest size possible - 800 x 600 pixels - while still fitting on a monitor window.
|
Example 2 - Two thumbnails in a row 267 x 200 pixels - with a caption above the thumbnail - with alt tags - when clicked on opens a new window to show the photograph at 800 x 600 pixels.
|
Shipwreck
|
Shipwreck
|
|
|
|
Example 3 - Three thumbnails in a row 160 x 120 pixels - with a caption below the thumbnail - with alt tags - when clicked on opens a new window to show the photograph at 800 x 600 pixels.
|
|
|
|
|
Shipwreck
|
Shipwreck
|
Shipwreck
|
Example 4 - Three thumbnails in a row 120 x 90 pixels - with a caption below the thumbnail - with alt tags - when clicked on opens a new window to show the photograph at 800 x 600 pixels.
|
|
|
|
|
|
Shipwreck
|
Shipwreck
|
Shipwreck
|
Shipwreck
|
Example 5 - Opening a new window from text.
Click here to see the photograph from this link.
Notes - one of the main reasons for using thumbnails as demonstrated above is to reduce the size of the images hence speeding up the opening of the page - this is especially important if your visitors have a slow connection.
Ideally you should not make your thumbnails too large. We have only used the 333 x 250 pix thumbnail as an example. The sizes in examples 3 and 4 are a better option. If you want to add a caption try and make if to the thumbnail.
It is also recommended to keep your thumbnails the same size, especially the width. If you don't you will easily spoil the appearance of the page. It doesn't really matter if you cut a pixel or two from the height or width to make them a uniform size as your site visitors should be concentrating on the enlarged photograph.
Ideally you should not make your thumbnails too large. We have only used the 333 x 250 pix thumbnail as an example. The sizes in examples 3 and 4 are a better option. If you want to add a caption try and make if to the thumbnail.
Four thumbnails in a row should be the maximum of around 120 x 90 pixels. Before you insert this system onto your web pages ensure you have selected a suitable template for them to fit! No-one like pages that scroll sideways.
If your photographs have white or a lot of light in the edges we suggest putting a border around them.
WWS comes with a photo editor you can use to reduce the size of the photographs however the maximum size you can upload is 800 x 600 pixels. Many digital cameras now produce much higher resolutions. If you need to re-size your images prior to uploading to your WWS FileStore many scanners and digital cameras come with software suitable for doing this. Also Microsoft Office Picture Manager is a very simple program to use to re-size photographs.
When re-sizing make sure you save edited images with a new name or you will no longer have the image in its original state!
For further information about Web Photos and Photo Galleries please refer to the Photos/Galleries Page accessed from the menu in the WWS Tutorial. The link for this is under the Actions menu in the main FileStore
It is also possible to use JavaScript pop up windows with WWS to display enlarged photographs. For information please refer to the Pop Up Windows section.
The photograph in the examples is a ship named Semiramis wrecked off the Greek island of Andros.