Simple Lightboxing | The Programmer’s Lightbox Tool | Lightbox_me
Posted on June 4, 2010, under jQuery, 
Bookmark it
Lightbox_me aims to be a simple solution to lightbox a DOM element without having all the fanciness of all the lightbox-related plug-ins out there. It’s an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.
Features include:
- Handles overlay resize when the window is resized
- Handles overlay size in cases where the document is smaller than the window
- Handles position: fixed in all browsers
- Position: fixed automatically swaps to position: absolute when the window size is smaller than the modal, so the user can scroll to see the contents
- Tiny footprint (just over 1000 bytes gzipped & compressed)
- Small DOM overhead (adds 1 DOM element for the overlay)
- Dynamic iFrame shim is created and destroyed for the IE 6 select box peek issue (tested and working on HTTPS pages)
- Source & Demo: http://buckwilson.me/lightboxme/
- Download: http://github.com/buckwilson/Lightbox_me/zipball/master
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- June 4, 2010
- article by Gabriel C.
- 4 comments
Related Posts
-
Bumpbox – An Awesome Lightbox Clone with Support for PDF Filesat July 25, 2009
-
Facebook-style Lightbox/Modalbox powered by jQuery and MooToolsat March 12, 2010
-
LeanModal: Super Simple Lightweight Modal Window Pluginat July 3, 2011 with 1 comment
-
Powerful, Flexible, Simple to use Upload Tool: Pluploadat February 9, 2010
-
TopUp: A Free, Unobtrusive, Easy to use JavaScript PopUp/Lightboxat December 1, 2009
-
AJAX Form with CAPTCHA, Realtime Validation and PHP BackendPublished on 09.02.08, 545 replies.
-
Dynamic Dependant DropDown List: US States & CountiesPublished on 11.06.08, 83 replies.
-
An AJAX (jQuery) Username Availability Checker with PHP Back-endPublished on 12.05.08, 61 replies.
-
How to Implement a jQuery AJAX Login Form into a Modal BoxPublished on 04.24.09, 85 replies.
-
How to Add Multi-language Support to a PHP WebsitePublished on 07.23.09, 83 replies.
-
AJAX Form Pro v2 with Admin Panel is officially released!by Gabriel C. on February 8, 2012
-
10 Mistakes Info-Marketers Need To Know And Avoid In Order To Succeed
by Gabriel C. on February 3, 2012
-
In-Depth Instant CSS Documentation Search: InstaCSS
by Gabriel C. on December 2, 2011
-
Factors to Consider When Choosing a Font
by Gabriel C. on November 15, 2011
Gabriel, thanks this version is WOW. I think you have a winner here :) greaton February 7th, 2012 by Llewellyn
Also will not work in this example: www.google.com/?secondwebsite.com/site.phpon January 7th, 2012 by dewdwtf2
For people who seem to be receiving auto responder emails twice, the issue can beon December 30th, 2011 by Donina
Hi I have bought your script. I will need to display fields (say: input,select, ect.) inon December 24th, 2011 by franco
- AJAX (21)
- Design (16)
- Flash (19)
- Freebies (10)
- General (17)
- Graphics (22)
- HTML & CSS (33)
- Frameworks (8)
- JavaScript (142)
- Frameworks (5)
- jQuery (74)
- MooTools (13)
- Photoshop (3)
- PHP (104)
- Reviews (5)
- Statistics (2)
- Web Tools (8)
- Wordpress (16)
- February 2012
- December 2011
- November 2011
- October 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- May 2008
Tag Cloud
- ajax form builder
- ajax login
- alphabetical
- array
- auto grow
- base
- calculate
- captcha
- chart
- charts
- countdown
- css framework
- delimiters
- documents
- dropdown
- extension
- extract
- filename
- fonts
- form
- gd library
- icon set
- iphone
- lightbox
- modal box
- mod_rewrite
- percent
- Photo Gallery
- picker
- random
- remove
- script.aculo.us
- search
- shopping cart
- skin form elements
- slider
- syntax highlighter
- tableless
- to-do
- validate
- web analytics
- web fetch
- WYSIWYG
- zoom
4 Replies to "Simple Lightboxing | The Programmer’s Lightbox Tool | Lightbox_me"
July 10, 2010 at 9:39 PM
Why is this the last post in over a month?!
July 21, 2010 at 2:35 PM
My apologies, but I just haven’t had the time to make more posts in the past month. I will do what I can to write at least weekly on this blog. I am quite busy during this summer.
August 22, 2010 at 9:31 PM
Nice lightbox idea, makes a difference from having the boring login box embedded on the page.
October 31, 2010 at 11:37 AM
Hi, does anybody knows how to keep lightbox_me open in case of login error?
I have a function with PHP and JS that sends the message to the login box but with the lightbox_me it closes and the user can’t see the error.
Anybody knows how to create a direct function not based onclicks so I can call it directly?
Thank you.