Information Services Division


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


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


It is not possible to have an overlay with text for an image in galleries.

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



We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

Please note: We can only respond to UCL email addresses

Help us improve this page