Juicebox

by Gisle Hannemyr

The Juicebox module XXXX.

Table of contents

Drupal modules discussed in this chapter: Juicebox, Views.

Introduction

Juicebox HTML5 Responsive Image Galleries (short name: Juicebox) is a bridge project that provides integration between Drupal and the Juicebox HTML5 responsive gallery library.

There are two versions av the Juicebox library: Lite (free) and Pro (USD 45). Both can be used with the bridge module.

As an alternative to this bridge project, you may use JuiceboxBuilder Adobe Air app to generate a gallery that may be embedded in a Drupal site.

Installing and enabling the module

Before installing the module, make sure Libraries are enabled and installed.

Installation instructions are in the community documentation.

Creating galleries

There are two ways you can use Juicebox:

  1. Add an image gallery to a node as multiple fields (Field Formatter)
  2. Create an image gallery using Views (Views Style Plugin)

Field-based galleries

To add galleries to individual nodes, and manage them individually, use the Juicebox field formatter. With this method almost any multiple-value image or file field can be displayed as a Juicebox gallery.

Allow an image or file field to hold multiple values. Add all the images you want to hold in a single gallery to the field. Visit the "Manage Display" tab for the content type. Select the "Juicebox Gallery" format option for the image or file field. You can tweak a number of formatter-specific options to your liking.

The Juicebox field formatter is also compatible with Media and File Entity, so file fields constructed through Media widgets (e.g. using reusable images from a global media library) can also become Juicebox galleries, and can even leverage file field data for titles and captions.

To tune the visual apperence, manage display for the field.

Juicebox library - lite config:

More: Using the Juicebox field formatter.

Views-based galleries

If you need to group image data from multiple nodes/entities/files into galleries, and leverage the flexibility of views to organize everything, you can use the Juicebox views style plugin. This method allows Juicebox to be adapted to more advanced media management setups where image data is stored in dedicated entities/content types and where more complex organizational tools may be needed (taxonomy and contextual filters, etc).

With this formatter any views that lists files, or content containing image/file fields can become Juicebox galleries. These views may be based on your own design and information-architecture, or be provided by other gallery-like modules such as Node Gallery.

More: Using the Juicebox views style plugin.

Final word

[TBA]

Last update: 2016-10-04 for D7 [gh].