City University London Web Team

Category Archives: Tutorial

Image Galleries with Squiz Matrix and Galleria

Development, Tutorial.

Tools: Squiz Matrix, JavaScript

A recent addition to the City and Cass websites are image galleries. The key requirements for the galleries were they:

  1. Should display images in a visually attractive and engaging way
  2. Should be quick to load i.e. not loading all images on page load
  3. Should gracefully degrade to a useable gallery for users without JavaScript
  4. Should be easily editable by content editors

Here’s how we built them using Squiz Matrix and the jQuery plugin Galleria, taking a cue from the tutorial over on Matrix Users.


Find us

City, University of London

Northampton Square

London EC1V 0HB

United Kingdom

Back to top

City, University of London is an independent member institution of the University of London. Established by Royal Charter in 1836, the University of London consists of 18 independent member institutions with outstanding global reputations and several prestigious central academic bodies and activities.

Skip to toolbar