Rounding Up the Top 10 jQuery Lightbox Scripts

Read the full post

Everyone loves lightbox javascript effects and since the original Lightbox script, there have been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten jQuery lightbox 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 make your Lightboxes will 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.

Want more jQuery resources? Check out these jQuery Plugins to Enhance Your Web Typography


fancyBox - Fancy jQuery Lightbox Alternative jquery lightbox scripts

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.


Lightbox script

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 Extended V.1.0.

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


jQuery lightbox for images, videos

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 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 Plugin

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

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 jQuery Lightbox Scripts

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 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.


  1. Hirvesh says:

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

    Thanks Chris!

  2. Feri says:

    hmm… what about colorbox?

  3. joão says:

    wow, amazing post.
    deliciousing this too ;)

  4. 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.

  5. devolute says:

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

  6. 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

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

  8. Graeme Mac says:

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

  9. Henry says:

    Great round-up but you might have wanted to include this.Not only is it a lightbox but you can have multiple images open plus you can drag them and move them around.

  10. favSHARE says:

    This article has been shared on

  11. Daniele says:

    I love nyroModal

  12. Ryan Gliozzo says:

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

  13. akkis says:

    Thank you Chris. Really helpful post…

  14. Luis Lopez says:

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

  15. 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.

  16. Chris says:

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

  17. Alis says:

    Thank you for sharing!

  18. Dharmveer Motyar says:

    this is coollllll………

  19. Cyril says:

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

  20. cybercandyman says:

    thx !!!

  21. senthil says:

    thank you

  22. Bruna says:

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

  23. 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

  24. 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

  25. SunJoo says:

    Wow, the best collections. Many thanks. Cheers.

  26. Arun M says:

    Nice work. Thanks for sharing.

  27. 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.

  28. graeme says:

    Way cool. Thanks! G.

  29. Phil says:

    And even mooooooore lightboxes.
    I’m sorry but i dont see the use of this post. You’ve googled 10 lightbox options, made a screenshot and posted it.

    Why not add some info or advice about the differences between these 10. All i see are 10 options with small differences for doing the same thing.

  30. Suko79 says:

    Thanks.. Nice Work.

  31. 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.

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

  33. 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…

  34. Fatty says:

    Great post man. Very useful tools!

  35. Noah Read says:

    This is a mootools lightbox

  36. This is really very good… Thanks

  37. michael says:

    Thanks for this great comprehensive list! Michael

  38. sabaqahmad says:

    Thanks Chris Spooner

  39. indialike says:

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

  40. Pepijn says:

    What about jqModal, extremely useful

  41. tamil says:

    Good collection thank you for sharing

  42. Thanks a lot. It is very useful.

  43. Sevak Abedi says:

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

  44. Entertica says:

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

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

  46. Duterte Latest News PH says:

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

Leave a response