You are here

Viewing Images

Quick Tips

  • In most cases, a thumbnail image (i.e. a reduced-size version) is displayed initially. Where a larger version is available, it can be viewed by clicking / tapping on the thumbnail image.
  • In many cases, the larger image will open in a slideshow overlay (see 'Using the slideshow feature').
  • When the cursor is hovered over an image, most browsers will display a 'tooltip'. These 'tooltips' usually display one or more of the following:
    • the image title,
    • a very brief description of the image,
    • a brief explanation of what will happen when the image is clicked or tapped.
  • To view information relating to an image, click / tap on the associated 'View image details' link.

Additional Help

Introduction

As suggested by its name, this website makes extensive use of images for illustrative purposes. To provide consistency (and to avoid confusion), the images used on this website have been configured to display and respond in a standardised manner, based on the device width, the image type and the manner in which the image is being displayed.

Tooltips

Most browsers will display a 'tooltip' when the cursor is hovered over an image. Throughout this website, these 'tooltips' have been configured to display one or more of the following:

  • the image type,
  • the image filename / title,
  • a very brief description of the image,
  • a brief explanation of what will happen when the image is clicked or tapped.

Tooltips are NOT available on devices operated solely via a touch screen.

Maps and diagrams

For very small maps and diagrams, the full-size version will be displayed on the host page. In such cases, the image will NOT be formatted as a link, so clicking / tapping on it will have no effect.

For larger maps and diagrams, a reduced-size version is normally displayed on the host page within (or close to) the relevant body text. Using a reduced-size version cuts both data usage and page-loading times. Reduced-size images are always formatted as links and clicking / tapping on the image will open a larger version in the browser's image viewer. If the screen size is smaller than the image size, most browsers initially display a reduced-size version of the image. However, a 'zoom' option is usually provided (by the browser) to enable the image to be viewed at full-size if desired. To return to the original (host) page, do one of the following (as appropriate):

  • If the image was opened in the same window, click / tap on the browser's 'Back' button.
  • If the image was opened in a new window, close the new window.

Images displayed in summary information frames

A reduced-size (thumbnail) version is normally displayed within a summary information frame. Clicking / tapping on the thumbnail image will open a larger version in accordance with the following rule:

  • If the device-width is more than 400 pixels, the larger image will open in a slideshow overlay.
  • If the device-width is 400 pixels or less, clicking / tapping on the image will open a larger version of the image in the browser's image viewer. If the screen size is smaller than the image size, most browsers initially display a reduced-size version of the image. However, a 'zoom' option is usually provided (by the browser) to enable the image to be viewed at full-size if desired. To return to the original (host) page, do one of the following (as appropriate):
    • If the image was opened in the same window, click / tap on the browser's 'Back' button.
    • If the image was opened in a new window, close the new window.

Photographic images displayed on a Gallery page

For images displayed on a Gallery page, the image is displayed at a size that just fits within the width of the page. (The page-width is dictated by the screen-width of the device being used to view the page.) In many cases, the image will be wider than the page-width. Where this is the case, clicking / tapping on the image will open a larger version in the browser's image viewer. If the screen size is smaller than the image size, most browsers initially display a reduced-size version of the image. However, a 'zoom' option is usually provided (by the browser) to enable the image to be viewed at full-size if desired. To return to the original (host) page, do one of the following (as appropriate):

  • If the image was opened in the same window, click / tap on the browser's 'Back' button.
  • If the image was opened in a new window, close the new window.

Third-party images displayed on an image details page

For third-party images displayed on an image details page, the image is displayed at a size that just fits within the width of the page. (The page width is dictated by the screen-width of the device being used to view the page.) In many cases, the image will be wider than the page width. Where this is the case, clicking / tapping on the image will open a larger version in the browser's image viewer. If the screen size is smaller than the image size, most browsers initially display a reduced-size version of the image. However, a 'zoom' option is usually provided (by the browser) to enable the image to be viewed at full-size if desired. To return to the original (host) page, do one of the following (as appropriate):

  • If the image was opened in the same window, click / tap on the browser's 'Back' button.
  • If the image was opened in a new window, close the new window.

Buttons

Clicking / tapping on an image formatted as a button will initiate the relevant action. The image button used most frequently on this website is:

Help icon (in the form of a question mark). = The 'help text' button: clicking / tapping on this button opens the relevant help text page.

This website also uses text-based buttons (i.e. text that has been formatted to look like a button). These include 'Go', 'Previous' and 'Next' buttons. Clicking / tapping on text-based buttons will perform the action indicated by the button's text.

Icons

Icons are very small images that are used either as bullets (in a bulleted list), or as text substitutes (e.g. smileys). The icons most likely to be used on this website are:

The 'green tick' icon., The 'red diagonal cross' icon., and 'smileys' such as A typical smiley..

Icons do NOT provide additional funcionality (i.e. they do not act as links or buttons), so clicking / tapping on an icon will have no effect.