Drupal CMS: Insert an image gallery

Learn to create and insert an image gallery in Drupal.

This guide is aimed at

• Staff
• PG Students

Before you start 

• You need to be a Senior Editor, Editor or Author
• When editing use Chrome, Firefox or Safari but NOT Internet Explorer
• Ensure the image is the right size. Guidance on image sizes can be found on the Resize an image how-to guide

Instructions

Creating a Gallery or a Slideshow is a 2-step process:

1. You create the Gallery and you add the images
2. You place the Gallery where required

Step 1

1. Place your cursor on the Content button in the horizontal menu along the top of your site 
2. Mouse over the dropdown menu to Image Galleries | Add an Image Gallery
3. Click on Add an Image Gallery
4. Type in a suitable name - and remember it!
5. Click on Browse to add the images
6. Save

Step 2

1. Place the cursor where you want to show the Image Gallery
2. Click on the Insert gallery icon in the editing toolbar
3. Start typing the label you gave the Image Gallery and click on it when it appears
4. Click on next
5. Click on embed - leave the menu option as 'default'
6. The Image Gallery will now appear in large blue letters
7. Change whatever else you need to change
8. Depending on your role:
   • if you are a Senior Editor: click on 'Publishing options - Draft (Current)' in the left-hand menu, choose 'published' from the drop-down menu
   • if you are an Editor: click on 'Revision information' in the left-hand menu, choose 'published' from the drop-down menu
   • if you are an Author: click on 'Revision information' in the left-hand menu, choose 'needs review' from the drop-down menu
9. Save
10. The gallery will ONLY appear once you've saved and users need to click on each image to enlarge it.
11. If you need to put the page in the menu, check the instructions for putting a page in the website's menu
12. Finally, check you are happy with the result, including on a mobile device

Help and support

web-support@ucl.ac.uk