Template documentationuos ImageWithThumbnails

This template is used to display an image gallery which includes a small amount of supplementary text for each image and a thumbnail.

You can add up to 20 images in each gallery.

The template can be used on any page.

Template fields to complete

Name - This is a mandatory field. You must give the template an appropriate name that corresponds with your content e.g. Science image gallery. The name is not shown on the live web page.

Heading - This is a mandatory field. Max 5 words.

Supplementary Text - This is an optional field. If you want to add some text above the image gallery then enter it in this field and remember to style it using the HTML WYSIWIG editor. Your text must be in paragraphs.

Image - This is a mandatory field. You must select an image from the media library. The dimensions of the image must be 1600 x 600 pixels.

Title -  This is an optional field. Max 5 words.

Text - This is an optional field. The text will appear under the title. Max 50 words.

URL - This allows you to link the image to another webpage within the site. This is an optional field.

Thumbnail - This is a mandatory field. You must select an image from the media library. The dimensions of the image must be 150 x 150 pixels.

Image2 - This is a mandatory field. You must select an image from the media library. The dimensions of the image must be 1600 x 600 pixels.

Title2 -  This is an optional field. Max 5 words.

Text2 - This is an optional field. The text will appear under the title. Max 50 words.

URL2 - This allows you to link the image to another webpage within the site. This is an optional field.

Thumbnail2 - This is a mandatory field. You must select an image from the media library. The dimensions of the image must be 150 x 150 pixels.

It is only mandatory to add two images to the gallery but we recommend that you add at least five images.

If you want to add more images then complete fields Image 2 to 20 in the same way as detailed above.

Working example

Heading

Supplementary Text

  • Advanced Forming Research Centre (AFRC)building

    Advanced Forming Research Centre

    The Advanced Forming Research Centre (AFRC) is a collaborative venture between the University of Strathclyde, Scottish Enterprise, the UK Government and leading multinational engineering firms.

  • Biomedical Student

    Infection, immunity and microbiology

    Infection, immunity and microbiology is a vibrant research group focused upon infection and immunity in human and animal populations.

  • Biomedical Engineering

    Pharmaceutical sciences

    Research within this group is focused around Drug Discovery, Drug Development and Drug Delivery

  • Banner - Biophotonics

    Biophotonics

    Lasers are awesome

  • CMAC – Continuous Manufacturing and Crystallisation

    Continuous Manufacturing and Crystallisation

    The Doctoral Training Centre (DTC) is embedded within the EPSRC Centre for Innovative Manufacturing in Continuous Manufacturing and Crystallisation.

  • Medical

    Biomedical Engineering

    The Biomedical Engineering Department is an internationally recognised centre of excellence for postgraduate education

  • Fibre Optics

    Fibre Optics

    Optical MEMS developed at the CMP are implemented within solid-state laser cavities in order to control the output beam.

  • Glasgow City Rooftops

    Glasgow city scene

    Scotland's biggest and most cosmopolitan city.

  • Glasgow City Scene with the Clyde auditorium and the hydro

    The hydro

    The SSE Hydro in Glasgow plays host to national and international music stars as well as global entertainment and sporting

  • Glasgow City Scene with the Clyde auditorium and the hydro

    The armadillo

    The Clyde Auditorium, familiarly known as "The Armadillo", is a concert venue in Glasgow, Scotland

Labelled template

Heading

Supplementary Text 

  • Placeholder Banner

    Title

    Text 

  • Placeholder Banner

    Title2

    Text2

  • Placeholder Banner

    Title3

    Text3

  • Placeholder Banner

    Title4

    Text4

  • Placeholder Banner

    Title5

    Text5

  • Placeholder Banner
  • Placeholder Banner

    Title7

    Text7

  • Placeholder Banner

    Title8

    Text8

  • Placeholder Banner

    Title9

    Text9 

  • Placeholder Banner

    Title10

    Text10

  • Placeholder Banner

    Title11

    Text11 

  • Placeholder Banner

    Title12

    Text12

  • Placeholder Banner

    Title13

    Text13

  • Placeholder Banner

    Title14

    Text14 

  • Placeholder Banner

    Title15

    Text15

  • Placeholder Banner

    Title16

    Text16

  • Placeholder Banner

    Title17

    Text17

  • Placeholder Banner

    Title18

    Text18

  • Placeholder Banner

    Title19

    Text19

  • Placeholder Banner

    Title20

    Text20