Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

iBox

Ahmed at iBegin has created an alternative to the Lightbox, ThickBox and Greybox techniques for presenting images and other elements in a <div> over a shaded background. The original Lightbox code, which we profiled on Monkey Bites some moons ago, uses an external JavaScript library, as do ThickBox and Greybox.

So, Ahmed decided that he wanted a presentation environment that didn’t rely on external libraries like Prototype or jQuery, looked nice even with JavaScript turned off and provided support for loading images, login forms and even external HTML pages. The result is iBox, a tidy 11kb of code (compared to 20kb and upwards for other methods) that accomplishes all of these things and still won’t break on sites that use external libraries. Check out his demo to see some flashy tricks. Then turn off JavaScript in your browser and try again.

Ahmed has released iBox under the MIT Open Source license, so it’s free to download and use. Grab it at the bottom of his blog post. There’s also an informal bug tracking forum happening in the comments.

Post Comment Comments Permalink Print
Reddit Digg

 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year