Fullscreen gallery

Overview

The Fullscreen gallery module provides a new image field formatter for entity types. This formatter extends default gallery display of image fields with opening an Fullscreen gallery page while clicking on any image within gallery.

Features

• The images are always displayed in fullscreen mode (the largest available dimension determined by browser window)
• Image thumbnails and image counter in Fullscreen gallery header line
• Fullscreen gallery defines 6 own image styles to achieve the optimal bandwidth and image load speed. The module uses the nearest fitting image style based on the current browsers width
• Automatic browser resize handling at runtime
• Media querys for mobile and tablet displays
• Optional: Display image titles (image title, image alt, or entity title)
• Optional: Possibility to use a right sidebar for gallery, with fix or percentual width. The module creates new region for gallery right sidebar, so any blocks could be displayed in gallery page
• You can use it easily for existing image fields

Similar projects and how they are different

There are another field formatter based gallery modules for drupal 7 such as:

• Colorbox
• Lightbox2
• Juicebox
• Galleria
• Gallery formatter

• No external library is needed.
• It is not an overlay or iframe based gallery - all images has its own page
• Custom block region for displaying additional content next to the gallery
• A lot of predefined image styles - the module uses the nearest fitting image style based on the current browsers width

Please read the article at http://drupal.org/node/266126 for more information about gallery modules comparison.

Requirements

Drupal 8:

No special requirements.

Drupal 7:

• Entity API is needed for checking/handling access rights to given entity.

installation

1. Install as you would normally install a contributed Drupal module. See:
   • Drupal 8: https://www.drupal.org/docs/8/extending-drupal-8/installing-module
   • Drupal 7: https://drupal.org/documentation/install/modules-themes/modules-7

   for further information.

Configuration

1. Go to "Configuration" > "Media" > "Fullscreen gallery settings" to find all the global configuration options for Fullscreen galleries:
   
   - Width of the right sidebar: The width in pixels or percent. Leave blank to right sidebar not appear.
   
   - Disable image titles: check to hide image titles

2. Browse to the "Manage Display" settings page for the entity content type with an image field to set the Fullscreen gallery formatter. You can configure the image style for displaying images on entity view page. Furthermore can override here default gallery settings for current field. For example:
   
   Administration » Structure » Content types » Article » Manage display
   (admin/structure/types/manage/article/display)

3. Configure user permissions in Administration » People » Permissions:
   
   - administer fullscreen gallery
   
      Users in roles with the "administer fullscreen gallery" permission will be able to modify
      Fullscreen gallery global configurations.

Future plans

1. Add preloader for images.
2. Add option for ajax based image loading.
3. Add share and send to buttons into gallery header.
4. Add option for left sidebar.
5. Add possibility to select any region for sidebar content.

Sponsorship

The Drupal 7 version of project was sponsored by Brainsum.
The Drupal 8 version of project was sponsored by Bluebit.