| Drupal

drupal node galleryWe have several different Drupal photo gallery tutorials on this blog. The most popular is Views Photo Galleries for Drupal 7, followed closely by an older tutorial, Node Gallery for Drupal 6.

However, although Views is powerful, it is too complex for many users. For this reason, Node Gallery remains very popular.

So we've realized that it's time for an updated tutorial that covers Node Gallery in Drupal 7.

Node Gallery is still the easiest way to build a photo gallery in Drupal. It requires very little set-up and almost no configuration.

Create a Gallery

  • Choose a Gallery Name
  • Click Save
  • Click Upload New Items
  • You'll be able to upload your images one-by-one, setting a Title, Caption and choosing an image:

Here's how your images will appear by default:

  • You can re-arrange and manage the photos from the tabs at the top of the gallery:
That's it. Node Gallery is up-and-running. If you need extra options, those are also available:

Extra Options #1. Modifying the gallery layout

Node Gallery doesn't need Views, but if you install it you will be able to edit your Node Gallery layouts:


Extra Options #2. Multiple image uploads

If you want to upload multiple images at once, try following our Plupload tutorial.

Extra Options #3. Images inside a lightbox

If you want to have your images pop-up in lightbox, we recommend Colorbox.

First, follow this tutorial to get Colorbox installed.

Next, the settings to integrate Colorbox and Node Gallery are a little tricky, so follow along:

  • Structure > File types > Image > manage file display
  • Click the Node Gallery FIle Thumbnail tab
  • Check the Colorbox box
  • Scroll down to the bottom of the screen, and set "Content image style" to "node_gallery_thumbnail"
  • Save those settings.
  • Go back to your gallery and the images will be inside a pop-up:

About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.