If you are a web developer you are probably extremely familiar with the javascript lightbox, a pop-up box which displays images and html within the confines of an overlay box. Facebook took lightbox usage to a whole new level but they’ve done so with an extremely clean design. If you are obsessed with clean design and want to do so easily, you might want to take a look at Facebox.
The library requires jQuery to use it but that isn’t really a big hurdle to installing it. I’ve included a screenshot of this lightbox below. It’s a simple way to make a facebook-like lightbox so check out Facebox if you are interested!
![[Inside Social Apps 2012]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/ISA2012_336x100_F_RegisterNow.gif)
![[AllFacebook Stats: Facebook Analytics for Your Business]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/stpro_allfacebookstats.gif)
![[How can Facebook change your business?]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/FMB_A_MAY2011_336x100_F.gif)
This is very informative Nick, thank you.I always wondered how Facebook coded those boxes & what that type of coding was called.
Comment by Calum — September 10, 2008 @ 7:59 pm
I've used facebox and jquery before and they are seriously awesome. Give it a look.
Comment by Eric — September 10, 2008 @ 9:59 pm
Thanks for sharing this!
Comment by Victoria Pickering — September 11, 2008 @ 5:47 am
I am developing a facebook app. Basically it is a birthday app. In short the person selects one of their friends. The selects a birthday card. Then write a message and post to the persons wall. This is all working good. However when the image is posted to the wall, if you click on it it opens the image up on the site that it is hosted on. How do you get the lightbox effect from someones wall?
Comment by Mike — September 7, 2011 @ 4:45 am