Printable View
1) YUI Lightbox
2) Joe Nicora and Yahoo
3) There are tons of lightbox apps out there, but none that I could find that use YUI. I'm sure there are lots of developers out there already using YUI and don't want to have to use another library such as jQuery to get lightbox functionality. I have two demos available from the link below and you can download a zip file of the complete application including the YUI files needed.
4) http://nicora.net/projects/lightBox/
Looks very nice. One problem that I noticed though in Opera (perhaps others), in the variant version:
If you have two 'lightboxes' open and try to navigate via next or previous to the image in the other 'lightbox' it won't load.
Indeed, firefox is the same way (at least on my computer). Then again I am at work and it is a POS computer. Will try my personal computer when I get home.
Ah, I have not done any testing for Opera as of yet. I suppose I should download it and get started. You can see the desired functionality in FireFox or IE7, although I have already found one bug.
In FF it shows the image sometimes, and skips to the next one sometimes.
What version FF are you using? I have 2.0.0.7 and it is not behaving in the mentioned way. Also, what platform and version?
I added the new bugs to the known bugs section and also a link to the blog about this component. Feel free to leave comment/requests/bugs as a comment.
Also wanted to add, that currently I am not pre-loading the zoom sized images, so be sure to give them time to load before clicking again. Also, do you think it would be wise to disable the next/prev buttons while waiting for an image to load? One more thing, is the loading image to subtle? Of course styles can be modified, but I mean just for the default. That reminds me, once I get this tightened, I make a few extra themes.
FF 2.0.0.7 under Win XP Media Edition w/broadband cable.
It certainly has potential. but right now, it just feels a little choppy. When the user first clicks on an image thumbnail, there is a delay before the image shows up, and since there are no ajax style indicator to let the user know this is happening, it can appear as if nothing is happening. Also, in Firefox at least, the animation when cycling through images (the expanding part) is choppy.
BTW, YUI supports hosting of all the .js files on their server. You might want to update your demo/ documentation to just point to those files, so users don't have to download anything.
I added a loading image, for the initial load. And because the style sheet is so ambiguous, it could easily be changed. As far as choppiness, I'm using industry standard animation libraries, so...