The image slider tool allows you to display a carousel of highlighted images. Not only is this a neat and useful way of displaying an image gallery, but it also allows you to take your visitors on a journey, telling the story of your project, highlighting progress over time or showing off a series of images from an event.

It adds a splash of colour to your page and helps you keep your images organised in a compact, easy to use tool.

Example

Settings

Basic

  • Add item - allows you to add an image to the slider. You will have the option of adding a title, description, alt text, call to action and link.
  • Edit - displayed when an image has been added. Allows for swapping an image or changing its title, description, alt text, call to action and link.
  • Delete - displayed when an image has been added. Removes the image from the slider.

Display

  • Slider size - allows you to choose the display size for the slider.
  • Slider position - determines the alignment of the slider on the page - left, center or right.
  • Text alignment - determines the alignment of the title and description text - left, center or right.

Advanced

  • Block Title - add a heading to display at the top of the tool.
  • Block Description - add a sub-heading or descriptive text to display beneath the heading.

Key actions

  • Under the Basic tab, click the Add Item button.
  • The Add Image window will appear.
  • Under Image, click the Select Image field.
  • You will be taken to the File Manager screen, where you can choose an existing file.
  • If your image is not in the File Manager, select Upload Files at the top right hand side of the screen.
  • You can also cancel by hitting the x at the top right hand side of the File Manager screen.
  • Optionally add a title, alternative text, description, call to action and/or URL link.
  • When you are finished, hit Add.
  • Under the Basic tab, locate the image you want to edit the details for.
  • Click the yellow Edit button.
  • The Edit Item window will appear.
  • From here you can add or edit the details for this image.
  • When you are finished, hit Save.
  • Under the Basic tab, locate the image you want to replace.
  • Click the yellow Edit button.
  • The Edit Item window will appear.
  • Left click the image thumbnail under Image and select Clear. This will remove the image.
  • Click the Choose new file field under Image.
  • Repeat the steps to add an image.
  • When you are finished, hit Save.
  • Under the Basic tab, locate the image you want to delete.
  • Click the red Delete button.
  • When you are finished, hit Add.

There are two ways to accomplish this.

Method 1
  • Under the Basic tab, locate the images you wish to reorder.
  • Use the blue up/down arrows to shift images up or down the order.
  • When you are finished, hit Add.
Method 2
  • Under the Basic tab, locate the images you wish to reorder.
  • Left click and hold the three lines (or 'hamburger') icon to the left of an image.
  • Drag the image up or down the list and drop it into place.
  • When you are finished, hit Add.