Comments on: YUI gets a sharp-looking lightbox

By: AJAX

AJAX — Tue, 22 Jan 2008 12:52:39 +0000

I’ve hacked ModalBox to use Spry Datasets, far better than all that messy code around each image

By: Charles

Charles — Tue, 28 Aug 2007 20:32:51 +0000

Hmm, no gallery (prev/next) support, and no graceful degradation is a deal-breaker for me. Also, this is the most steps I’ve ever seen to create a lightbox, is all YUI like that?
var dataSource = { image1:{url:"photos/rocks.jpg", title: 'Rocks'}, image2:{url:"http://thecodecentral.com/yui.jpg"} };
Why not pull the large image from an anchor href as with other lightbox techniques?

…but it works very slow in Linux

The YUI Lightbox is dependent on 3 scripts, requires a four-step process, PLUS does not init itself on document.ready… and still only displays images! Although it is nifty to be able to drag the lightbox I don’t think this code is very functional.

My experience with jQuery (and other) Lightboxen requires me to add a single attribute (class or rel) to an anchor tag, and poof! Magic Lightbox! …Which is why I think they’re so popular.

I propose the term YALT: Yet Another Lightbox Technique. And I don’t know why people keep perpetuating the idea that a lightbox can be made using ONLY CSS. That is actually impossible, and the only people claiming to create CSS Lightboxes should be magicians.

By: Lon

Lon — Tue, 28 Aug 2007 19:42:45 +0000

align the mask bottom right, then there will be no unneeded scrollbars

By: DarkRat

DarkRat — Tue, 28 Aug 2007 18:45:02 +0000

like cocotapioca already stated: it rezises the page extremely. Like the image itself is small, but the page around it still grows to the actual imagesize

By: emehrkay

emehrkay — Tue, 28 Aug 2007 18:13:49 +0000

When dragging the “lightbox” outside of the window’s view, the shadow resizes nicely, but when it is brought back to the window’s view, the shadow stays the larger size.

Other than that it looks nice, like any other lightbox.

By: Rey Bango

Rey Bango — Tue, 28 Aug 2007 18:07:36 +0000

@Adam: Thanks for pointing it out. I’ll jot it for a future post. :)

By: Adam McIntyre

Adam McIntyre — Tue, 28 Aug 2007 16:01:51 +0000

I've been using Awesomebox for a while now as a YUI-based lightbox, so there certainly have been others in the wild for a long time. Awesomebox is more of the classic lightbox we're all used to, while this one seems to be a little lighter, effect-wise. Still, it's good to have a choice.

By: Cadu de Castro Alves

Cadu de Castro Alves — Tue, 28 Aug 2007 14:45:26 +0000

YUI Lightbox looks nice! I made a Lightbox technique using only CSS to make the effect and a little unobtrusive JavaScript to change some CSS properties (I don't know another way to do it). I think YUI is very good to create UI design, but it works very slow in Linux browsers (I tested just Firefox and Konqueror).

By: cocotapioca

cocotapioca — Tue, 28 Aug 2007 14:30:09 +0000

Resizes the viewport to some huge dimensions … nice but with some work to do yet