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.

  • http://codefusionlab.blogspot.com Hirvesh

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

    Thanks Chris!

  • http://www.webmasterdubai.com webmasterdubai

    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/

  • Feri

    hmm… what about colorbox?

  • http://www.abu-farhan.com Abu Farhan
  • http://joaoramos.org joão

    wow, amazing post.
    deliciousing this too ;)

  • http://www.honeytechblog.com Honey Singh

    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.

  • http://www.devolute.net devolute

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

  • http://www.favshare.net favSHARE

    This article has been shared on favSHARE.net.

  • http://notionage.com/ website design

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

  • Graeme Mac

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

  • http://siriokun.com/ Rio

    this one supports mp3, http://www.phatfusion.net/multibox/

    • http://www.noahread.net Noah Read

      This is a mootools lightbox

      • Callum

        Dang

  • http://ffffffive.com Henry

    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.

  • http://read.melodycode.com Daniele

    I love nyroModal

  • http://www.blog.exxcorpio.com Luis Lopez

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

  • http://www.sterlingdesignuk.com Ryan Gliozzo

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

  • http://www.akkis.gr akkis

    Thank you Chris. Really helpful post…

  • http://www.freelancerkit.com Jesse

    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.

  • Chris

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

  • http://www.fairybliss.net Alis

    Thank you for sharing!

  • http://motyar.tk Dharmveer Motyar

    this is coollllll………

  • Cyril

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

  • cybercandyman

    thx !!!

  • senthil

    thank you

  • Bruna

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

  • aviko-oloo

    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

  • http://www.hasfa.myportal.my hasfa

    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

  • SunJoo

    Wow, the best collections. Many thanks. Cheers.

  • http://www.iscutearun.com Arun M

    Nice work. Thanks for sharing.

  • http://nice.gy deb

    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.

  • http://www.graemeparker.co.uk graeme

    Way cool. Thanks! G.

  • http://www.vetgaar.nl/ Phil

    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.

  • http://egebilnet.net Suko79

    Thanks.. Nice Work.

  • Ravi Verma

    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.

  • http://gettopup.com Paul Engel

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

  • gus

    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…

  • http://www.hamsterdesign.si Fatty

    Great post man. Very useful tools!

  • http://josuerodriguez.com Josue Rodriguez

    jQuery Tools sir!

  • http://www.indialike.com indialike.com

    This is really very good… Thanks

  • http://www.webdesigns-rosenheim.de michael

    Thanks for this great comprehensive list! Michael

  • http://www.rolustech.com sabaqahmad

    Thanks Chris Spooner

  • http://www.indialike.com indialike

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

  • http://pepijnfriederichs.com Pepijn

    What about jqModal, extremely useful
    http://dev.iceburg.net/jquery/jqModal/

  • http://www.tamilg.com tamil

    Good collection thank you for sharing

  • http://www.monkeedesign.com John

    Thanks alot!

  • http://www.andom.net Kiralık Apart Kemer

    Thanks a lot. It is very useful.

  • http://www.sevakabedi.com Sevak Abedi

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

  • http://www.entertica.com Entertica

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