Creating a Photo Gallery Carousel

Overview

This document shows unit administrators or web committee members how to create photo gallery carousels on their Drupal web sites. 

Table of Contents

Creating Photo Gallery Carousels

Photo gallery carousels are used to display photos for events, club members, award ceremonies. etc. The gallery will be its own page and you can link to the gallery from other pages within the website.

Step 1: Create a new Photo Gallery Carousel

First click on 'Content.'

Next, click on the ‘Add Content' button

Now Click on the ‘Carousel’ Button

You should get this page:

Step 2: Fill in Optional Fields

The minimum this page needs to have is a title, but you can add a description of the gallery in the body section, if you like. Of course, you’ll want to add photos as well. 

Step 3: Add Images to Your Carousel

In the Carousel Images section, click on the ‘Add Media’ button. This is where you will add your photographs.

Click on Browse to add photographs from your computer.

Note: You can also add photos from other galleries by selecting the check box by the photo you would like to add (see below).

 
The files from your computer will pop up on your screen. Click on the file, select it and then click ‘Upload’ or 'Open'.

To upload multiple photographs at once, select the ones you would like to add from your computer:

Now you will add the Alternative Text (required) and a caption, if you like. If you do not add a caption when you upload the image, you can edit/add captions later but it is another step so we recommend adding captions during upload. Read the documentation for adding or editing a caption later. 

Step 4: Saving Your Photos

You have two options for saving your photos:

Option 1: Click on the ‘Save and Select’ button if you would like to save the photo(s) you added and select additional ones for the carousel.
Option 2: Click on 'Save and Insert' if you only want to add the photos you are uploading from your computer.

Option 1: If you click on 'Save and Select', you will get the screen below and can check the boxes next to additional photos you would like to add to the gallery. Then click on 'Insert selected' to add the selected photos to your gallery.

Option 2: If you select 'Save and Insert' you will get this screen and the photo(s) you uploaded from your computer will be automatically added to the gallery:

Click on 'Save'

Step 5: View your Photo Gallery

You have now created your Photo Gallery Carousel and it should look like this:

Want to embed a photo gallery in your basic pages or news articles? See the documentation.