Wednesday, March 29th, 2006
Lightbox v2.0 released
Category: JavaScript
, Toolkit
Lokesh Dhakar has released version 2.0 of his nifty JavaScript image tool, Lightbox.
What’s New in Version 2.0
- Image Sets: group related images and navigate through them with ease
- Visual Effects: fancy pants transitions
- Backwards Compatibility: yes!
The effects are nicely done, and look very similiar to what the guys at alwaysBeta did with it, with the spinning progress indicator. There is also the large close box in the lower right corner, but I’m curious as to why its not in the upper right corner to remain consistent with standard GUI conventions.
4.5 rating from 65 votes
Funny, in my GUI (OS X) the close box is actually in the upper left. Think different!
That shows how long its been since I’ve used MacOS. =) I’m sure I’ll get used to it pretty quick when my MacBook arrives in a week or so.
Anyways, I suppose _either_ upper right or upper left would make more sense then lower right.
Very nice, but I think they just got kicked out of the “lean n’ mean” club ;)
Would like to see a leaner version with just one .js and the the extranneous JS stripped out (if any)…
The thicker-at-the-bottom white border is a visual reference to Polariod photos. So one way to explain why the X is down there is: that’s where the space is!
[...] Lightbox v2.0 released: [...]
it’s cool !
…160KB of pure JavaScript…
Boo:
I catched the polaroid reference and while to me that makes them look pretty (although to complete the effect I’d overlay a transparent PNG with a reflection) I’m afraid that’ll target them the same way the polaroidonizer guys got stomped for infringing a trademark. Unbelievable as it sounds the typical shape of the polaroid is trademarked and its likeness can’t be used. The polaroidonizer script (and wp-plugin) modified images to make them look like a polaroid. Now it’s impossible to get them through normal channels and only some CVS repositories have them (and the plug-in doesn’t work in 2.0.2, either).
The sliding effects looks very nice, subtle like many flash animations. I do see a flaw in the animation. The first image is displayed correctly, but with the images following (especially those of a different size) the start of the animation jumps several pixels. My guess is that it has to do with the difference between the offsetWidth and the style.width (box-model) when creating the tween. Other than that, cool idea.
[...] Lightbox 2.0 al aire, vÃa En: Internet, outbox — Marzo 30, 2006 [...]
That’s really cool; but I think AlwaysBeta guys work still better than 2.0, because moo.fx integration give to effects ability and all of them 20kb, not 160kb.
Very nice! I used id here. Integrated in Joomla… ;-)
Beautiful! It’s only 20kb extra javascript on systems that are already loading prototype and scriptaculous. I just integrated this into nearly 400 sites here (click on one of the photos to be taken to a album that now uses lightbox). Now, I’m eager to see what kind of feedback I’ll get from the site owners.
… and it only took about 20 minutes to integrate in. I’m buzzing right now. Thanks, lightbox!
just fantastic!! thanks for the great resource
Thanks friend !! but if anybody help me with the URL link within same display picture then i will be very thankful.