15 Stunning jQuery Lightbox Plug-ins for Your Upcoming Designs

Stunning jQuery Lightbox Plug-ins for Your Upcoming Designs

If you see a website built on jQuery using images, they must have played with a lightbox in that context. That’s the power of the lightbox, it can transform any simple image library into an attractive and effective gallery. It’s an important and popular contribution from the jQuery side to the design community.

Thanks to the awesome jQuery community who make these stunning lightbox plug-ins, giving huge scope for designers to showcase images on websites. There is a huge collection of plug-ins each giving a different look and style to images.

We collected 15 stunning jQuery lightbox plug-ins for your reference. Hope you’ll find it worth having a look.

jQuery Lightbox Plug-ins

Stunning jQuery Lightbox Plug-ins

Lightview jQuery Plug-in
Lightview was built to change the way you overlay content on a website.

Lightview jQuery Plug-in

TopUp
TopUp is an easy to use JavaScript library for unobtrusively displaying images and Web pages in a Web 2.0 approach of pop-up. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

TopUp

Highslide Lightbox Plug-in
Highslide JS is an image, media and gallery viewer written in JavaScript.

Highslide Lightbox Plug-in

Color Box
A lightweight customizable lightbox plug-in for jQuery 1.3+

Color Box

Lightbox 2
Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to set up and works on all modern browsers.

Lightbox 2

prettyPhoto
prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also supports videos, flash, YouTube, frames and Ajax. It’s a full blown media lightbox.

prettyPhoto

Slimbox 2
Slimbox 2 is a 4 KB visual clone of the popular Light box 2 script by Lokesh Dhaka, written using the jQuery JavaScript library.

Slimbox 2

Shadowbox
Shadowbox is a web-based 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.

Shadowbox

Pirobox Extended V.1.0.
One of the most important things with this plug-in is the ability to open any kind of file, from inline content to .swf files, from simple images to .pdf files.

Other things are: automatic image resizing and drag and drop.

Pirobox Extended V.1.0

GreyBox
GreyBox can be used to display websites, images and other content in a beautiful way.

GreyBox

jQuery Super Box
jQuery Super box! Is a script which allows you to display windows with the lightbox effect.

This script is a plug-in for jQuery (1.3.x).

jQuery Super Box

Fancy Box
Fancy Box is a tool for displaying images, HTML content and multimedia in a Mac-style “light box” that floats overtop of web page.

Fancy Box

Pirobox Extended V.1.1.
Pirobox Extended V.1.1 advanced version, Zoom In option with dragable image viewer for large dimension images.

Pirobox Extended V.1.1

jQuery Lightbox Plug-in
JQuery lightbox plug-in is simple, elegant, and unobtrusive, no need for extra markup, and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

jQuery Lightbox Plug-in

Ceebox
An overlay pop-up script for easily embedding flash video, displaying images, or showing HTML (either external sites via iframe or content on your own site via AJAX).

Ceebox

Conclusion

Do you use any of these lightboxes in your website design work? Do you have a favorite lightbox plug-in? If you do and we haven’t listed it here, please share the link with us in the comments below. Your comments and opinions are always very welcome.

Carol is a blogger and Photoshop enthusiast. She enjoys surfing the net in search of outstanding art, design and photography, and enjoys nothing better than sharing her discoveries through article writing.

Comments

  1. / Reply

    Add Fancybox 2, highly configurable and now responsive !
    http://fancyapps.com/fancybox/

  2. / Reply

    Thank you for sharing these plugins. we are planning to customize our wordpress blog to a custom theme. we will try to use these plugin.

  3. / Reply

    Great resource for web designers. Thanks for sharing.

  4. Very nice article, useful an beautiful information for web designers

    • smayton,
    • August 29, 2012
    / Reply

    “jQuery” Lightview is a Scriptaculous / Prototype plugin, not jQuery.

    • Vitor,
    • September 15, 2012
    / Reply

    Ótima dica, Parabénss!!

    • Mike,
    • October 15, 2012
    / Reply

    Topup has to be the nicest jquery gallery plugin but unfortunately it conflicts with jquery and there seems to be no interest from the author to assist or fix this, that is a real shame as people generally tend to use jquery on all their pages if used and that knocks this gallery out the window, no fixes as I have spent a day trying everything I can find on conflict fixes and none work.

      • Justin Piatti,
      • January 7, 2013
      / Reply

      I would love to see someone takeover that project – TopUp is actually awesome…. As for the JQuery issues, it’s fine with any library 1.4.2 and below but conflicts with all library releases up to 1.83

    • aylian,
    • November 12, 2012
    / Reply

    lightbox wont stop in last image it continues displaying all the images in same document

    hear my code
    <a href="images/examples/image-3.jpg" title="Click on the right side of the image to move forward." rel="nofollow"></a>
    <a href="images/examples/image-4.jpg" title="Alternately you can press the right arrow key." rel="nofollow"></a>

    Second img set

    <a href="images/examples/image-3.jpg" title="Click on the right side of the image to move forward." rel="nofollow"></a>
    <a href="images/examples/image-4.jpg" title="Alternately you can press the right arrow key." rel="nofollow"></a>

    Any Help plz…

  5. / Reply

    Thanks very useful i choose shadowbox.

    • Meganathan,
    • January 24, 2013
    / Reply

    Hi,
    is there any possibilities to show the pdf files in lightbox effects using jquery?

    • Mark,
    • July 14, 2013
    / Reply

    I think this one deserves to be in the list: http://html5box.com/html5lightbox/index.php

    I think it’s the only one that has a full support for videos: YouTube, Vimeo, self hosted mp4 videos, html5 video, flash swf movie and also images.

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.