Juicebox Inline

Component ID

2532182

Component name

Juicebox Inline

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

This module extends the Juicebox module, allowing you to create Juicebox gallery implementations inline with shortcodes. These shortcodes are rendered with text filters.

Installation

  1. Download and install the Juicebox module. Be sure its dependencies of the image module and the libraries module are downloaded/enabled.
  2. Download and install the Juicebox library. See the Juicebox module's installation instructions for details.
  3. Download and install the Juicebox Inline module in your modules directory.
  4. As an administrator, go to the Text Format configuration page (admin/config/content/formats) and enable the 'Juicebox Inline' text filter on any format where it is intended to be used.

Usage

  1. Place images into a text area as you normally would. To work correctly, the image will need to have an associated record in the site's file system, so no externally hosted images.
  2. Wrap all images in the text area with the [juicebox] shortcode. Your markup will look something like the following:
[juicebox]
<img src="http://www.yoururl.com/sites/default/files/images/filenameone.jpg" />
<img src="/sites/default/files/images/filenametwo.png" />
[/juicebox]

Notes

  • To add a title to the image in the gallery, use the "title" attribute in the image tag.
  • To add a description to the image in the gallery, use the "alt" attribute in the image tag.
  • The Juicebox Inline shortcode will ignore and remove any markup within it and only use the contents of <img> tags. The only three properties of the <img> tag that will be used are the src, alt, and title attributes; everything else will be ignored during rendering.
  • The Juicebox Inline shortcode will work with full or partial links to images on the site, but it uses the src URLs to tie into the file system. Because of this, externally hosted images and images not within the Drupal filesystem will not work.

Gallery Display

See the README file for information about how to customize the gallery display.