Line25

Top 10 jQuery Lightbox Plugins & Scripts

Read the full post

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.

piroBox

Pirobox jQuery Lightbox plugin

This is the extended version of the original PiroBox script. Use it to create awesome lightbox effects for your image galleries.

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.

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

36 Comments

  1. Duterte Latest News PH says:

    great list , i think they had fixed that lightbox issue with anchor text attribute

  2. Techloyce | SugarCRM Integration says:

    Lightboxes really awesome. i have used on my site too thanks for sharing

  3. Entertica says:

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

  4. Sevak Abedi says:

    Thank you for sharing this information, I am new to JQuery and I love it.

  5. Kiralık Apart Kemer says:

    Thanks a lot. It is very useful.

  6. tamil says:

    Good collection thank you for sharing

  7. Pepijn says:

    What about jqModal, extremely useful

  8. indialike says:

    Very nice and useful tutorials to web designers,
    Thanks for posting.

  9. Noah Read says:

    This is a mootools lightbox

  10. Josue Rodriguez says:

    jQuery Tools sir!

  11. Fatty says:

    Great post man. Very useful tools!

  12. gus says:

    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…

  13. Paul Engel says:

    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 ;)

  14. Ravi Verma says:

    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.

  15. deb says:

    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.

  16. Arun M says:

    Nice work. Thanks for sharing.

  17. SunJoo says:

    Wow, the best collections. Many thanks. Cheers.

  18. hasfa says:

    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

  19. aviko-oloo says:

    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

  20. Bruna says:

    fantastic list!! I do not know which I must begin with :b Tks!!

  21. Cyril says:

    Thank you !!! my favorite is facebox !!!!

  22. Chris says:

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

  23. Jesse says:

    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.

  24. Luis Lopez says:

    I really like the lightbox jquery plugin, that’s what i use on my site.

  25. Ryan Gliozzo says:

    I like the piroBox, I have a client who is looking for something like this so thanks for the post!

  26. Daniele says:

    I love nyroModal

  27. favSHARE says:

    This article has been shared on favSHARE.net.

  28. Graeme Mac says:

    Out of all of these options does anyone version stand head and shoulders above the rest?

  29. website design says:

    wonderful jquery lightbox list! btw how do I know each of them browsers support level?

  30. webmasterdubai says:

    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

  31. devolute says:

    A good list. I’ll come here when I next need a lightbox. Save me nabbing the same one every time!

  32. Honey Singh says:

    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.

  33. Feri says:

    hmm… what about colorbox?

  34. Hirvesh says:

    Nice list. Just what I was going to look for later in the week. Perfect post timing!

    Thanks Chris!

Leave a response