Drupal 7 - How to Create an Image Gallery in Drupal

Here is one way to to make an image gallery in Drupal 7 (the same theory will hold for Drupal 6 and, I presume, Drupal 8). This will create an "Image Gallery" content type, with images within each gallery re-orderable by 'drag and drop'. Here we go.

Drupal 7: Image Gallery with Imagefield and Taxonomy

Background: Upgrading site from Drupal 5 to 7. The D5 site used image module that came with a ready to use image gallery. We had hundreds of pictures. Each picture was associated with one taxonomy term (image gallery).

Use case: An image gallery grouped by taxonomy term and has the latest posted image (thumbnail) as the album cover. This image links to a page which is in a grid of thumbnails of images pertaining to a specific taxonomy term. Individual thumbnails link to individual nodes that may have one or multiple images per node that open in a colorbox. The node itself has images in a grid rather than default drupal vertical stacking of images.

Step 1: Create a Taxonomy Vocabulary: Image Gallery and add whatever terms to suite your image gallery.

Step 2: Create an Image content type with Title, Body, Image field and a Term Reference to the Image gallery vocabulary. Be sure to allow unlimited images for the image field or whatever you require.

Step 3: Display Image nodes as a grid of images:
You will require: EVA: Entity Views Attachment http://drupal.org/project/eva

Create a view: I called it Image node grid (or whatever)
Add-> EVA Field

Format: Grid | Settings (default)
Show: Fields | Settings (default)

Content: Image (your image field)

Creating Image Galleries in Julio

Creating a Gallery

To create a new Gallery:

  1. Go to the user group for which you want to create a Gallery.
  2. Click the Gallery link at the top of the page.
  3. On the Create Gallery screen, first enter a Title and a Description for the Gallery.
  4. Under the Gallery Settings heading, you can choose options for the way your new Gallery will be displayed. There are options both for the Gallery landing page, which will display thumbnails of all of the images, as well as for the slideshow view, which people will see when they click on one of the Gallery images.

    The first three options here are for the Gallery landing page:

Julio - Gallery Options

  • Number of Columns Chose how many columns of thumbnails you'd like on the Gallery's landing page. This will affect the size of the image thumbnails—the more columns, the smaller the thumbnails.
  • Number of Rows - Choose how many rows of thumbnails can be displayed on the Gallery's landing page before continuing onto additional pages.

    A couple of examples:

Subscribe with RSS Subscribe to RSS - image gallery