Support from FASE's Education Technology Office

How to create an Image Gallery in SharePoint

Updated on

This guide details on how to create an Image Gallery in SharePoint.

If you have many high-resolution images that you need to use or share in your course, consider hosting them on SharePoint instead of uploading them on Quercus. This approach will help save the storage space allocated in Quercus and will provide a gallery view for the images. In this view, you can add a title, caption, and alt text to each image, improving accessibility and organization.

The Image Gallery on SharePoint can only be viewed and/or edited by users with a U of T Microsoft account. If you plan to share images with people outside of U of T, you will need to explore alternative methods for setting up the gallery that do not require a U of T Microsoft account.

Before you Begin

  1. Log in to your U of T Microsoft account.
  2. Access SharePoint:
    1. Select the app launcher in the upper left corner of the window
    2. Select SharePoint app

1. Access your SharePoint site

  1. Select My Sites icon on the left-hand side navigation panel
  2. Select your SharePoint site

If you do not have a SharePoint site yet, you can request one by submitting a form to the SharePoint team: SharePoint Online New Site Request.

2. Create a Page in the SharePoint site

Image Gallery can be added to a page in SharePoint. If you already have a page where you want to add the Image Gallery, you can skip ahead to Step 3: Add Image Gallery web part to the Page. However, if you prefer to have the Image Gallery on a new page, follow the steps below to see how to create a new page in SharePoint.

2.1. Create a SharePoint Page

  1. Select + New button
  2. Select Page

2.2. Add details about the SharePoint page

  1. Edit Title area. You can select the title layout and alignment, add a title background image, and edit the publish date
  2. Edit Page Title
  3. Add Page description (optional but recommended)
  1. Select the + icon ("Add a new web part in column one")
  2. Select Image gallery web part (In the Text, media and content) section.
  1. Add a title for Image gallery (optional)
  2. Select +Add or Add images button to add images to the gallery.
  3. Select how you want to add your images. You will have options to upload images from your device, add existing images stored in your SharePoint site or OneDrive, search images on the Web or add images using a link.
  4. Select Add images button

4.2. Edit image details

You can add a title, caption, and alternative text for accessibility to each image.

4.2.1. Access image details settings

  1. Select the image you would like to add details to
  2. Select Pencil icon on the bottom right of the image

4.2.2. Add image details

This step is optional but recommended for improved user experience and accessibility.

  1. Add image Title and Caption
  2. Add Alt text

All edits are saved automatically, you can just switch from one image to another after adding the details.

  1. Select Publish button on the top right to publish the page

5.2. Check out the final view

5.2.2. View images

6.1. Select Share option

  1. Select Share button to access the list with Share options
  2. Select one of the following options for sharing the link to the Page:
    1. Share page - this option lets you specify people or groups who will have permissions to view the page as well as remove permission for specific individuals or groups later if needed.
    2. Copy link to page - with this option you can simply copy the link to the page. It will inherit the permissions that are already set, however, you can change the permissions in the Settings (available with the 'Copy link to page' selection).
    3. Send to email - use this option to send an email with the access link to one or multiple individuals directly from SharePoint.

6.2. Set Page access permissions

In this guide, we demonstrate how to share Image Gallery using the Share page option.

  1. Select Settings icon to open the Page access permissions
  2. Select who you would like to share the link with
  3. Select the Can View/Edit icon to define whether you want to allow editing or viewing only
  4. Select Apply

Pages in SharePoint can only be shared with U of T Faculty, Students and Staff. They need to be signed in to their U of T Microsoft account to access the page you shared.

  1. Select Copy link button

There are multiple ways you can distribute the link to your gallery to the audience. Some of the options include:

  • Sharing the link to the gallery on a Page, Discussion, Announcement, or Assignment in Quercus
  • Sending the link to users via email or other electronic communication methods.

For support and additional information about SharePoint, visit SharePoint Support Centre.

Still have questions? Contact the FASE EdTech Office