Official web site of The City of Calgary

Information

Get updates on changes to City services and closures.

View COVID-19 info and support

Image viewer

Image viewer overview

The image viewer is implementation of the pattern library component by the same name.

Objective

Configuration

The image viewer has a number of configuration options available:

  • Horizontal Offset
    • Left
    • Center
    • Right
  • Veritcal Offset
    • Top
    • Center
    • Bottom
  • Sort Order
  • Show Online

Single image viewer


Small gallery - no paging

​zoom 1

Gallery 1, Image 2
Gallery 1, Image 3
Gallery 1, Image 4
Gallery 1, Image 5
Gallery 1, Image 6


Large gallery - with paging

View all activities
Filter by activity

Variables

ItemCount : 15
allTags : Snow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesSnow and ice activitiesWater activitiesWater activitiesWater activitiesWater activitiesPlaying in the park
View all Playing in the parkSnow and ice activitiesWater activities
Submit
Gallery 2, Image 1
Gallery 2, Image 1
Gallery 2, Image 2
Gallery 2, Image 3
Gallery 2, Image 4
Gallery 2, Image 5
Gallery 2, Image 6
Gallery 2, Image 7
Gallery 2, Image 8
Gallery 2, Image 9
Gallery 2, Image 10
Gallery 2, Image 11
Gallery 2, Image 12
Gallery 2, Image 13
Gallery 2, Image 14
Gallery 2, Image 15
Gallery 2, Image 16
Gallery 2, Image 17
Gallery 2, Image 18
Gallery 2, Image 19
Gallery 2, Image 20
Gallery 2, Image 21
Gallery 2, Image 22
​​​​​​​​​​