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

Source: Internet
Author: User
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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.