[Website development essentials]-12 responsive Lightbox (Lightbox) effect plug-ins

Document directory

• 1. JackBox
• 2. Flare
• 3. fancyBox 1
• 4. fancyBox 2
• 5. MetroBox
• 6. Foobox
• 7. Shadowbox
• 8. YoxView
• 9. Colorbox
• 10. rlightbox
• 11. Fresco
• 12. Yootheme

Lightbox is one of the most commonly used effects on websites. It is used to achieve effects similar to modal dialogs. Various Lightbox plug-ins on the network are dazzling. With the development of responsive Design, this advanced idea has also been introduced into Lightbox plug-ins.

This article selects 12 outstanding responsive Lightbox effect plug-ins to share with you. These plug-ins can help you add compelling Lightbox effects to your website.

Articles you may be interested in

• 12 classic jQuery image carousel plug-ins
• Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
• Several great jQuery Panoramic Image Display plug-ins are recommended.
• Share 30 best jQuery Lightbox effect plug-ins
• Carefully selected excellent JavaScript calendar and time plug-ins

 

1. JackBox

This responsive lightbox effect plug-in contains the social media sharing function, with exquisite results! Main features:

• Retina screen support
• Shares on Twitter, Facebook, Pinterest, and Google +
• ✓ Supports touch sliding of mobile devices
• ✓ Full screen display
• Custom thumbnail display

Demo of plug-in download Effect

 

2. Flare

A very good jQuery-based responsive Lightbox effect plug-in! Main features:

• ✓ Supports video display
• The thumbnail mode is supported.
• ✓ Supports touch sliding of mobile devices
• ✓ Supports full screen display
• Provides complete documentation and tutorials.

Simple to use, sample code:

<a data-target="flare" href="large_image.jpg" data-flare-scale="fit" > </a>

Demo of plug-in download Effect

 

3. fancyBox 1

FancyBox is one of the most popular Lightbox plug-ins. You can use fitToView to implement adaptive functions. Main features:

• Displays images, HTML elements, SWF videos, iframe frameworks, and Ajax request content.
• ✓ You can customize the appearance and functions through configuration and CSS.
• Navigation is supported by a set of contents
• ✓ Supports rolling event-driven browsing
• ✓ Has a beautiful projection under the enlarged project.

Demo of plug-in download Effect

 

4. fancyBox 2

The new fancyBox allows you to browse images in an elegant way and scale them.

Completely responsive design, able to quickly respond to browser size changes. Main features:

• Responsive Design
• Notebook integrated slide Function
• ✓ Nice image Switching Effect
• Complete documentation and easy to use
• ✓ Supports highly customized

Demo of plug-in download Effect

 

5. MetroBox

The built-in comment function of the MetroBox responsive lightbox effect plug-in has the following features:

• Comment each item contains a comment box
• Groups can be displayed in groups easily.
• ✓ Supports touch sliding of mobile devices
• ✓ Load Using Ajax
• ✓ Supports all HTML content

Demo of plug-in download Effect

 

6. Foobox

Foobox is a WordPress plugin that enables responsive image lightbox display and built-in social media sharing functions on websites.

Exquisite example:

• Response-Type Device
• ✓ WordPress album
• ✓ NextGen example
• Image mesh in movie

Demo of plug-in download Effect

 

7. Shadowbox

Shadowbox is a Web-based multimedia application that supports all mainstream media formats on the network.

High customization is supported. The handleOversize parameter can be used to adapt the browser size. Main features:

• The consumer is independent of the framework and can be used independently.
• ✓ Supports high user customization
• ✓ Is flexible in use and can display various multimedia formats.
• Clean, compact, and lightweight
• ✓ Can play multimedia well.

Demo of plug-in download Effect

 

8. YoxView

Another responsive Lightbox plug-in, with exquisite interfaces, uses the MIT license agreement, which is good news for developers.

 

9. Colorbox

Colorbox is a lightweight jQuery lightbox effect plug-in that can be adaptive using scalePhotos parameters. Main features:

• Tranquility supports grouping, slide, Ajax, inner and iframe content.
• Lightweight, only 10 KB
• ✓ You can use CSS to modify the appearance.
• Callback can be extended through callback and event hook
• ✓ Supports the image pre-loading function.

Simple to use, sample code:

// Examples:// Image links displayed as a group$('a.gallery').colorbox({rel:'gal'});// Ajax$('a#login').colorbox();// Called directly, without assignment to an element:$.colorbox({href:"thankyou.html"});// Called directly with HTML$.colorbox({html:"
Demo of plug-in download Effect
 
10. rlightbox

This is a responsive Lightbox plug-in based on jQuery UI. Its main features are as follows:

 

 
  
✓ Supports multiple formats of content, such as images, animations, and videos.
 
  
The consumer can use ThemeRoller to define the appearance.
 
  
✓ Supports keyboard shortcut navigation
 
  
✓ Good error handling mechanism
 
  
Simple and Easy to use

 
Demo of plug-in download Effect
 
11. Fresco

Fresco is a very beautiful lightbox effect plug-in with powerful functions and classic interface design. Its main features are as follows:

 

 
  
Displays images, videos, HTML, Ajax, SWF, and iframe.
 
  
✓ Supports YouTube, Vimeo, MP4, WebM, and FLV videos.
 
  
✓ Supports keyboard and mouse scroll navigation
 
  
✓ Four sets of themes, three different switching Effects
 
  
Idea can be integrated into Joomla and WordPress

 
Demo of plug-in download Effect
 
12. Yootheme

Finally, this responsive Lightbox plug-in comes from the YooTheme website and features:

 

 
  
Displays images, videos, HTML, Ajax, SWF, and iframe.
 
  
✓ Supports YouTube, Vimeo, MP4, WebM, and FLV videos.
 
  
✓ Supports keyboard and mouse scroll navigation
 
  
✓ Four sets of themes, three different switching Effects
 
  
Idea can be integrated into Joomla and WordPress

 
Demo of plug-in download Effect
 
Articles you may be interested in

 

 
  
Collection of 10 best jQuery Lightbox effect plug-ins
 
  
Share 30 best jQuery Lightbox effect plug-ins
 
  
60 awesome jQuery slide demos and downloads
 
  
Recommended 8 awesome responsive jQuery slide plug-ins
 
  
We recommend 23 beautiful jQuery image effect extensions.

 
 
If you think these articles are useful to you, click[Recommended]Oh :)
 
Link to this article: essential for Web development: 12 Lightbox effect plug-ins for responsive Images

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources