Search
Reference
Link Image

Overview

The module allows you to add one or more images to a page, each of which can link to another page, file or site.  The Images can be displayed in a list, or as a scrolling display, or as a slide show

Link Views

Images can be displayed as a list, as a scrolling list, as a slide show, or a single image.  How the images are displayed and when depends on the control type selected

Horizontal List (and Scrolling List)

Horizontal List

Each image has a link to another page, website, or file.  If enabled, the images will scroll across the page.  Or if the list is aligned vertically up or down.

Slide Show

The images are shown individually.   You can set the height and width of the image, the transition style, and the delay between images.

 Buttons

The images are shown individually.  You can set the height and width of the image, and  the transition style. Another image will be displayed when the user clicks a button

 Random

A single image, chosen at random from the list will be displayed when you load the page. The size of the image is that set when you added it to the list.

Adding and Editing Images

Add (Edit) Link Image

Select Add LinkImage from the submenu.  To edit an existing image, click the pencil next to the image

 

Provide a valid link or page, or upload (select) a file to an image which will appear on the page

Provide a title for the image and a short description of the image

Enter the link which the user will follow.  If you use a URL make sure that the URL is valid.

If you want to keep track of this link, tick

To open the link in a new page, tick the box

Set the height or the width to maintain the aspect ratio of the image.  Leaving both these blank will insert the image at its original size

The View order will by default be the order in which you enter the individual orders.  If you want to force this, provide a number.

Setting the View Type

Controls

Select the type of view you want.  If you choose 'Buttons' you can elect to include 'Go First, Go last'

Appearance

This affects how you see any descriptive text, and what you see when you hover over an image.  If you have added a description and you choose to show it, this will appear under the image.

Random

Choosing Random will open one of the slides at random when you open the page.  The image size will be that you set when adding the image

List Options

Set the direction you would like to see the images (Horizontal or Vertical)

If you check 'Enable Scrolling':

 the image will scroll in the direction you select (and yes, a horizontal list will scroll up or down!). Available directions are:

Set the scroll amount.  This is as a percentage of your image list width

Set the delay between subsequent scroll events.  This is in milliseconds

Slide Show / Buttons Options

The transitions are:

Set the delay between slide changes (in milliseconds)

Set the Height / Width of the image.  Leaving one or the other blank will preserve the aspect ratio

If you have selected 'Buttons', this:

  • Puts a set of navigation buttons above the image 
  • Will override the delay period.  Users must click a navigation button to move between images. 

Thumbnail

Inserts the images as thumbnails on the page, at a given width