Line25

Rounding Up the Top 10 jQuery Lightbox Scripts

Read the full post

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

jQuery Lightbox Plugin

Download Lightbox script

Supported Media: Images

View Demo

Download

Fancybox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame

View Demo

Download

Shadowbox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX, Flash, Video

View Demo

Download

ThickBox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX

View Demo

Download

Slightly Thickerbox

Download Lightbox script

Supported Media: Images, AJAX, Video

View Demo

Download

Fancy Zoom

Download Lightbox script

Supported Media: Images, Inline HTML, Flash

View Demo

Download

Facebox

Download Lightbox script

Supported Media: Images, Inline HTML, AJAX

View Demo

Download

nyroModal

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX, Video

View Demo

Download

Interface Imagebox Demo

Download Lightbox script

Supported Media: Images

View Demo

Download

piroBox

Download Lightbox script

Supported Media: Images

View Demo

Download

Greybox Redux

Download Lightbox script

Supported Media: Images, iFrame

View Demo

Download

prettyPhoto

Download Lightbox script

Supported Media: Images

View Demo

Download

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

78 Comments

  1. Hirvesh says:

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

    Thanks Chris!

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

    http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/

  3. Feri says:

    hmm… what about colorbox?

  4. joão says:

    wow, amazing post.
    deliciousing this too ;)

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

  6. devolute says:

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

  7. favSHARE says:

    This article has been shared on favSHARE.net.

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

  9. Graeme Mac says:

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

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

  11. Daniele says:

    I love nyroModal

  12. Luis Lopez says:

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

  13. Ryan Gliozzo says:

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

  14. akkis says:

    Thank you Chris. Really helpful post…

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

    http://gettopup.com

    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. This is really very good… Thanks

  36. michael says:

    Thanks for this great comprehensive list! Michael

  37. sabaqahmad says:

    Thanks Chris Spooner

  38. indialike says:

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

  39. tamil says:

    Good collection thank you for sharing

  40. Thanks a lot. It is very useful.

  41. Sevak Abedi says:

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

  42. Entertica says:

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

Comments are now closed