jQuery Lightbox
Cost: Free, links back
Found Via: http://leandrovieira.com/projects/jquery/lightbox/
I couldn’t tell you how many lightboxes I’ve used over the last few years. This specific lightbox was designed as a plugin for the jQuery library. It works perfectly, and more importantly, requires no additional markup to your document. You only need to call it from your Javascript file. You’ll have zero problems!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Jeffrey Way
I'm the editor of Nettuts+, and help out on the Envato marketplaces.. I also (very infrequently) blog on my personal site. Feel free to check that out as well...if you're bored. Follow us on Twitter, and subscribe to the official Nettuts+ YouTube page if you want to live.
Join our newsletter!
Freelance Jobs
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
It’s not bad :) I have always preferred MultiBox, by phat phusion: http://www.phatfusion.net/
Except that is for mootools?
You should learn to develop a ligtbox from scratch, it would be very interesting.
…and I prefer shadowbox. it’s jQuery comtpatible and loads not only inline elements.
you should definitely offer a lightbox from scratch tutorial. that would be awesome.
I evaluated quite a lot of lightbox clones for jQuery and I found prettyPhoto to be the best ( http://www.no-margin-for-errors.com/projects/prettyPhoto/ ).. it looks great, centres vertically properly and supports multiple galleries per page
Sounds simple enough, thanks for sharing.
Phatfusion’s Multibox looks very interesting, and it supports lots of different elements (flash, videos, iframes etc). I only wish it was a jQuery plugin, rather than mootools
You can try with Divbox – a lightbox for jquery that same with Multibox http://jquery.phpbasic.com/divbox
hope you like it.
Looks nice! But it isn’t possible with this lightbox to overlay div’s or html on your page, or am I wrong with that?
@ Ben Griffiths; MultiBox looks really great, is it possible to use that with jQuery instead of Mootools?
Firstly, thanks for posting. I don’t want to sound ungrateful, but I feel that the ubiquity of Lightboxes has rather spoilt their appeal.
@ Ben Griffiths .. MultiBox is good but its moo tools. If you wanted to stick with jQuery check out FancyBox .. http://fancy.klade.lv/
-JO
I’ve found shadowbox to be the way to go on this too. No borders or other design elements, just sexy pictures.
plugins are nice, but knowing how to build from scratch rocks!
thanks for the post, I myself have never actually like light boxes at all, but maybe that is just me :P
Fancybox does look good too :)
For all those who mentioned that MultiBox uses mootools – thats not so much a big issue, as you can use both mootools and jQuery on a single document at the same time. Of course that will increase load times for slow visitors as there’s two libraries to load.
Personally, I’d love to see it ported to jQuery though :D
isn’t there’s thickbox?
http://jquery.com/demo/thickbox/
Another great gallery there.
ooh been looking for something like this!
this is wonderful tutorial i will put acopy of this lesson on
my site here
http://www.as7ap4you.com
can i load jquery light box from Flash?
i’m wondering this too. anyone know how to do this?
Yes, you can do this a number of ways, even pass strings from Flash to the DOM in AS2 and AS3. I modified the popular PieceMaker 2 (AS3) and did just that with a little custom code and some foresight.
Good alternative for Thickbox, thanks.
wish it was in jquery library too but …
QUESTION:
I have a client request for a light/thick/fancy box type of effect – but he wants thumbnails of the images within the box. I’m trying to advise against it – but was wondering if anyone knows of such a thing already out there?
thanks
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhotopp_gal2/1/
third demo has that feature
I’m new to this. Is there a way to keep the next and prev buttons visible at all times?
some of them have a simple true false statement to switch the next prev nav on
This is really very good… Thanks
hello thanks for sharing ^^!
how about “colorbox”? have tried to use it? it much better and complete.
you can see it live at our website 0_0
cheers
it helps me to create my new furniture websites, Thanx Net Tutorials
thank you very much. it’s a nice content. I like so much.
source if the light box with database php please?
Thank YOUUU!!!!!! …. and thank you all posts!
when i user light box with CYCLE jquery i have problem
CYCLE dose dosent work!
I installed this and it looks good except the next and prev buttons don’t seem to work consistently. I can’t seem to figure out what the problem is. My HTML markup is exactly the same between each image, yet it works sometimes and breaks other times. I’ll have to scrap this if I can’t get the bugs out.
Thanks!