Skip to main content

Post categories

  • Drupal Tips & Tricks
  • Drupal Howtos
  • Drupal Themes
  • X Twitter
  • youtube
Home
Drupal 4U
Drupal Development, Drupal Web Design, Drupal SEO
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact

Breadcrumb

  1. Home
  2. Tips and Tricks
  3. The best Drupal modules to show image and video contents in an overlay gallery

The best Drupal modules to show image and video contents in an overlay gallery

Tips and Tricks
November 22, 2023
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
2016

Magnific Popup ( Drupal 10/9 and 7)
Integrate Dmitry Semenov's Magnific Popup jQuery lightbox plugin with Drupal as a field formatter. This module provides a "Magnific Popup" field formatter for File Entity and Image fields. Fields with multiple items (cardinality > 1) can be grouped into a Magnific Popup gallery, or shown individually as a stand-alone popup (no "previous"/"next" navigation options). Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).

https://www.drupal.org/project/magnific_popup

Colorbox (Drupal 10/9 and 7)
Colorbox is a light-weight customizable lightbox plugin for jQuery. This module allows for integration of Colorbox into Drupal. Images, iframed or inline content etc. can be displayed in a overlay above the current page.

https://www.drupal.org/project/colorbox

GLightbox (Drupal 10/9)
GLightbox is a pure javascript lightbox. It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos. GLightbox Drupal module contains only images field formatter for now. You can install GLightbox Media Video module to support YouTube, Vimeo. For loading local videos, iframes, inline elements or AJAX content loading, you can use GLightbox Inline module.

https://www.drupal.org/project/GLightbox

Lightbox2 (Drupal 7)
The Lightbox2 module is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on most modern browsers. The module places images above your current page, not within. This frees you from the constraints of the layout, particularly column widths. It keeps users on the same page. Clicking to view an image and then having to click the back button to return to your site is bad for continuity (and no fun!).

https://www.drupal.org/project/lightbox2

See also: https://drupal.org/node/266126

The best Drupal modules to show image and video contents in an overlay gallery
Modules

Read more articles

Newer
Use the Drupal module Menu Firstchild to create menu items without links
Older
Use Views and the Option "Rewrite Results" to create stylish hover effects for Images
  • Log in to post comments
Profile picture for user drupal
drupal
2016
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Drupal 4U

Get in touch for questions and our Drupal development, design and SEO services.

Contact Us

We aim to reply the latest within 48h.

About Drupal 4U

We are a group of Drupal designers, developers and webmasters and we launched this website to share our experience and knowledge with you. Drupal is a free software package that allows you to easily organize, manage and publish your content, with an endless variety of customization. Drupal is open source software maintained and developed by a very large community of developers and users.

  • X Twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal Migration

Drupal 4U

  • Services
  • Showcases
  • Themes
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Drupal Answers
  • More Than Themes
  • Theme Forest
  • DXPR: Drupal for Marketers
2012 - 2025, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Drupal Development, Drupal Web Design, Drupal SEO
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact
Clear keys input element