Top 10 jQuery Lightbox Plugins & Scripts

Home » Articles » Top 10 jQuery Lightbox Plugins & Scripts

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

Everyone loves lightbox JavaScript effects and since the original Lightbox script, there have been countless plugins and clones generated for all the popular JavaScript libraries. This collection rounds up the top ten jQuery lightbox plugins and scripts in particular, so remember to keep it bookmarked for your next design project!

Lightbox is a script used to overlay images on the current page and works on all modern browsers. This popular JavaScript library displays media content in a pop-up, by filling the screen and dimming out the rest of the web page.

These jQuery lightbox scripts and plugins will enable your Lightboxes to become easily viewable on all devices screen sizes and some even make it easy for your media content to be shared on social sharing networks. Plus, most of them come with fully customizable skins and you can include your own custom JavaScript and CSS for further customization.

You should also check out jQuery and JavaScript resources to get some more help with JavaScript and jQuery. 

Fancybox

fancyBox - Fancy jQuery Lightbox Plugin

fancyBox is a jQuery lightbox script that offers a way to add zooming functionality for images, HTML content and multi-media on your web pages. This was built on the top of the popular lightbox JavaScript framework.

nyroModal

Nyromodal jQuery Lightbox Plugin

nyroModal v2 works with filters that let you define totally new possibilities for the plugin. It is packed with useful features such as Ajax Call, images gallery with arrows for navigating, form in iframe (or with targeting content and with file upload), Dom Element, manual call, iframe, stacked modals, and more.

prettyPhoto

PrettyPhoto jQuery Lightbox Script

prettyPhoto is a jQuery lightbox that also supports videos, flash, YouTube, iframes, and Ajax. It is very easy to setup and flexible for customization. The script is compatible with every major browser. It also comes with useful APIs.

Lightbox is a script used to overlay images on the current page. If you want to change any of the default options, you can easily do that. Lightbox2 has been tested successfully in the popular browsers. Check it out and start using it in your web projects.

Featherlight

Featherlight jQuery Lightbox Plugin

Featherlight is a very lightweight plugin with only 400 lines of JavaScript, 100 of CSS, and less than 6kB combined. This plugin is smart, responsive, supports images, ajax and iframes. It is also easy to customize, due to the low specific CSS selectors and little code.

jquery-lightbox

jQuery Lightbox Plugin for Websites

Use this jQuery plugin to display an image on the same page simply and elegantly. If you want to customize this plugin, all you have to do is set the show_linkback option to false.

Colorbox – a jQuery lightbox

Colorbox - a jQuery lightbox script

This is a lightweight customizable lightbox plugin for jQuery, compatible with jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. It supports photos, grouping, slideshow, ajax, inline, and iframed content and its appearance is controlled through CSS.

Swipebox

Swipebox jQuery Lightbox Plugin

Swipebox is a touchable jQuery light box plugin for desktop, mobile, and tablet. It supports Swipe gestures for mobile. Its main features are swipe gestures for mobile, keyboard navigation for desktop, CSS transitions with jQuery fallback, retina support for UI icons, and easy CSS customization.

iLightbox

iLightBox jQuery Lightbox Scripts

iLightBox adds a responsive Lightbox capability to your HTML and WordPress-powered website. It automatically resizes on all screen resolutions and comes with a wide range of media with gorgeous skins and a user-friendly API. IE7+ (including IE10), Firefox, Safari, Opera, Chrome, IOS4+, and Android are supported. It also works for swipe events and Youtube and Vimeo integration for HTML5 video. Another great thing about this plugin is that each window has social sharing icons with Facebook, Twitter, Google+, Delicious, Digg and reddit.

Author
Iggy
Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design trends, inspiration, design freebies, and more. You can follow him on Twitter

36 thoughts on “Top 10 jQuery Lightbox Plugins & Scripts”

  1. Thanks for collecting the lightboxes. Very helpful! Now I am confusing which one to use since all lightboxes are handy & awesome! :D

    Reply
  2. Have you heard of anyone doing a lightbox with page tabs across the top to show html or pdf, etc. I would love to get my hands on some code that would do that…

    Reply
  3. Try out TopUp:

    It’s jQuery (soon also Prototype) based and meant to be setup with great ease. The easiest setup is only to include one(!) external Javascript file. It uses one image sprite per layout and doesn’t require a separate stylesheet file to reduce the amount of requests.

    The (pixel perfect) look-and-feel is Apple-like with a dashboard and quicklook layout. You can display images, Youtube content, Flash (SWF and FLV), iframes, Ajax content, QuickTime, Windows Media and RealPlayer movies! Display them separately or grouped. So check it out and give it a try ;)

    Reply
  4. Fancy Model is just “Marvelous”, I really like it, it really cool and modifiable according to conditions. Also the design pattern is really marvelous.

    Thanks for this plugin.

    Reply
  5. Now this is an actually useful resource chris, unlike many other ‘duplicate design inspiration’ blogs that keep popping up everyday with the same websites/designs i have seen before.

    Fancybox worked for me.

    Reply
  6. Hi guys. I just to say WOww for ur scripts.
    It’s brilliant and completely nice and cool.
    I must try and tell my group to show this web. Thanks guys.Nice job

    Reply
  7. i the list is great ,but am having trouble making only specific anchor tag with specified rel attributes which will be the only ones to be able to activate the lightbox

    Reply
  8. There is a mistake for the fancybox, it can display ajax :
    “Can display images, inline, ajax and iframed content”

    Reply
  9. Oh nice post. I don’t see SlimBox on here, it’s basically lightbox enhanced, meaning it will work on horizontal websites and fixes the scrolling issue with lightbox. Perhaps you could take a look at it you have to google the Jquery version btw.

    Reply
  10. before i was using mootools, now i moved to jquery and im using in my most of projects jquery lightbox, also add jquery popeye is also lightbox alternative and working really fine

    Reply
  11. jquery is the revolutions in the new age media.
    If a site uses the jquery effectively then it is sure that the results will super cool.
    Thanks for the warping all the examples in a single posts.

    Reply

Leave a Comment

Verified by MonsterInsights