Skip to main content

Post categories

  • Drupal Tips & Tricks
  • Drupal HowTos
  • Drupal Tutorials
  • Drupal Modules
  • Drupal Themes
  • twitter
  • youtube
Home
Drupal 4U
Drupal Development, Drupal Web Design, Drupal SEO
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • Modules
  • 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
January 05, 2021
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
523

Magnific Popup ( Drupal 9/8 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 9/8 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

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

Shadowbox (Drupal 7)
Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

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

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
523
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.

  • twitter
  • youtube

Drupal Services

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

Drupal Insights

  • Drupal Tips & Tricks
  • Drupal HowTos
  • Drupal Tutorials
  • Drupal Modules
  • Drupal Themes

Drupal Blog

  • Configuration
  • Content
  • Installation
  • Menus
  • Modules
  • Optimisation
  • Taxonomy
  • Themes
  • Troubleshooting
  • Views

Drupal 4U

  • Services
  • Blog
  • About

Drupal Links

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

Footer menu

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