Free

Magnific Popup

Magnific Popup is a script that focuses on image pre-loading with CSS, which means images are shown immediately to exploit dynamic picture stacking. It will demonstrate the picture while the information is being loaded, and this process speeds up by dynamically generating the JPEG.

The pictures are rendered from low quality to full quality so that the client can perceive the picture considerably quicker. This rendering to utilize is entirely a matter of preference. CSS approach turns this Lightbox to a great degree adaptable, as you can indicate sizes in relative units, for example, ems, resize popups in media questions, and upgrade popup content powerfully without worrying about how it will be resized and focused.

There are a few reasons that makes this plugin different than others in the same category like, it allows content to be resized with CSS, which is much more reliable, it is faster in process. Furthermore, it does not damage the image quality after resizing. It has a memory management option where it stores the last setting and keeps it up for the next image resizing.

ADVERTISEMENT

Magnific Popup Alternatives

#1 FancyBox

3

FancyBox is a device for showing pictures, HTML content, and multi-media in a Mac-style “Lightbox” that buoys overtop of the site page. It was assembled utilizing the jQuery library and Licensed under both MIT and GPL licenses. Flawlessly coordinates FancyBox into your blog: Upload, actuate, and you’re finished.

The module will utilize jQuery to apply FancyBox to ANY thumbnails that connect straightforwardly to a picture. It incorporates posts, the sidebar, and so forth, so you can enact it, and it will be connected consequently. This module is produced and kept up by Colorlib.

Which is surely understood for their free WordPress topics? Be that as it may, now they are hoping to broaden their nearness in module improvement and trust that FancyBox Lightbox is an unusual approach to begin.

ADVERTISEMENT

#2 prettyPhoto

Free
2

prettyPhoto is a jQuery Lightbox clone, which is not just for the support of pictures, but it also supports recordings, streak, YouTube, iframes, and Ajax. It’s an all-out media Lightbox, difficult to set up yet extremely adaptable if you need to alter it. It accompanies helpful APIs and allowed for the utilization of the GPLv2 or Creative Commons 2.5 permit.

The best part about this is it is compatible with all the major browsers, including Safari and Internet Explorer. If you want to install it onto your system, you would certainly require Plone 4.x because the script does not support Plone 3. Its recent update has provided a new look for all the images and thumbnails inside folders.

#3 VenoBox

Free
0

VenoBox is a responsive plugin for jQuery Lightbox that is suitable for images, iFrames, inline contents, Google Maps, Ajax, YouTube, and Vimeo videos. Among many differences, the major one is that it calculates the maximum width of the image displayed and preserves its height if it is taller than the window. That is suitable for those users who are using small devices to scroll down the content by simply bypassing the vertical microscopic resized images.

If you want to use VenoBox, include VenoBox CSS and JavaScript after jQuery library. You can insert one or more links with its custom class. If you want to use it for Google Maps, then embed a code. For YouTube or other channel videos, there is a different code that you can find online.

ADVERTISEMENT

#4 Smoothbox

Free
0

Smoothbox is a simple and lightweight jQuery Lightbox plugin. It contains CSS3 transitions for smoother effects and responsive image sizes. It features lightweight, preloads images, a built-in gallery for multiple items, CSS3 transitions for smoother effects, responsive image sizes, etc. The main highlighted features and functions of Smoothbox are it is simple, lightweight, contain the size of only 1.7 KB, preloads images, contains a built-in gallery for multiple items, contains CSS3 transitions for smoother effects, and delivers responsive image sizes.

All these functions collectively make your work easy and simple. This tool is straightforward and simple to use. First, you need to include jQuery, smoothbox.js, and smoothbox.css. After that, add a class of “sb” to any link that you wish to open in smoothbox. In last if you need a caption, then add a title attribute to your link.

#5 Swipebox

Free
0

Swipebox is a jQuery ‘Lightbox’ plugin for desktop, mobile, and tablet. It is a touch-friendly jQuery plugin that comes with swipe gestures for mobile, keyboard navigation for desktop, CSS transitions with jQuery fallback, retina support for UI icons, easy CSS customization, and much more. This module for WordPress sites gives you an adaptable, stylish, and versatile inviting answer for pretty much all media interfaces on your site.

This jQuery module makes it conceivable to make an exceedingly adjustable and touchable lightbox for desktop, portable, and tablet. It underpins swipe signals, console route, CSS moves, and retina and is perfect with Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, Windows phone. Easy SwipeBox consequently identifies the media sort and includes class=”swipebox” to their connections. If you get a kick out of the chance to prohibit a few pictures or recordings from autodetection, enter the selector that gathers these components.

#6 Tosrus

Free
0

Tosrus jQuery plugin creates Lightbox popup galleries just as easily as inline sliders. It works just as well on a desktop as it does on a tablet or Android. It features a responsive CSS interface for sizing and positioning, drag or swipe to slide to the next slides. It is quite customizable through a range of options with device-dependent defaults.

This is a one-stop-shop jQuery module for looking over/swiping through every single diverse sort of substance. It includes a responsive CSS interface for measuring and situating, Drag or swipe to slide to the following/last slide(s). Exceptionally adjustable through a progression of choices with gadget subordinate defaults.

#7 ClassyBox

Free
0

ClassyBox is a jQuery module composed by Marius Stanciu – Sergiu, a module that is a complex jQuery LightBox elective with backing for the most prominent video administrations, empowering you to insert a media exhibition on your site. Initially, you have to incorporate the jQuery library since it is just a module. You can download it from the jQuery site or connection it specifically from the Google CDN. Furthermore, you have to incorporate the jQuery ClassyBox JavaScript, the CSS record, and the required JWPlayer conditions into your page. You can do it by adding the code beneath your page.

Next, you actualize the structure on which you need to trigger this module. Similarly, you can utilize the old LightBox-good grammar, so you don’t have to adjust your site code. This module should be perfect for firmly social incorporated sites and administrations, permitting clients to share content right from inside the modular window.

#8 LightGallery

Free
0

LightGallery module incorporates the jQuery LightGallery module with Drupal. This module is adaptable, secluded, responsive, Lightbox exhibition for jQuery. It utilizes the CSS approach for resizing pictures and recordings, so it will be amazingly adaptable and significantly speedier than utilizing the JavaScript approach. It accompanies a few modules, for example, thumbnails, full screen, zoom, and so forth.

It further underpins the touch and swipe routes on touchscreen gadgets and also mouse drag for desktops. This permits clients to explore between slides by either swipe or mouse drag. LightGallery offers various choices, which permit you to alter the module effortlessly; without much of a stretch, you can modify the display’s look and feel by upgrading SASS factors. Likewise, you have the alternative to empower vivified thumbnails from the settings.

Generally, a typical thumbnail will be utilized, which you can consequently stack for your YouTube or Vimeo recordings. LightGallery provides a wide range of HTML5 video position configurations, for example, MP4, WebM, Ogg, and so forth. There is a brilliant mix with custom html5 player videojs.

#9 iLightBox

Free
0

iLightBox is a standout amongst the most developed, adaptable, and complete Lightbox modules around. This tool can help you accomplish a standout amongst the most flexible modular windowing frameworks around, from the visuals (through skins) to conduct (liveliness, format) and up to substance (HTML 5, AJAX, pictures, displays, recordings, and so forth.).

This is an unquestionable requirement for engineers that need a capable Lightbox arrangement to deal with popup content on the Web, particularly for one-page sites where it’s optimal to recover new substance using AJAX. Along with these elements, iLightBox accompanies an exceptionally reported automatic API that will permit engineers to change its significance more if they don’t care for the inherent skins and presentational modes.

#10 jQuery Lightbox

Free
-3

jQuery Lightbox plugins are utilized to showcase images and other web stuff using modal dialogs. Using this tool, users commonly click on the images, which then pop up in the box. This module gives you a chance to keep the amazing Lightbox 2-usefulness. However, it sheds the main part of the Prototype Framework and Effects Library.

Warren Krewenki ported Lightbox to jQuery. This module features an administrator board for arrangement, (discretionary) auto-boxing of your picture connections, and backing for WordPress exhibitions, including media library titles and subtitles. Downloading and installing this plugin is really simple and easy. Simply open the ZIP file and start unzipping those files to your system.