need help finding jQuery plugin v.Lightbox

I’m trying to find a Lightbox-ish plugin that will allow me to display a photo gallery from a single thumbnail. Most other gallery plugins require all the images from that gallery to be shown.

For example, I want to show:
5 thumbnails for 5 different galleries, each containing 10-20 images.

The only thing I’ve been able to come up with so far is to use something like this to open up greybox window that contains a jQ gallery (e.g. a separate web page, like the Google example). Does it really have to be that complicated?

I found this but it’s clunky, ugly and not easy to navigate. I’d like the gallery to come from the click on an image thumbnail anywhere on a site, like in a block of text, for example.

Any help?
what about putting the images in a hidden div and using a normal jquery plugin?

Interesting, and great idea. How would I code that?

<div style="visibility:hidden">Line1</div>

or

<div style="display:none">Line1</div>

?

The first will hide it, but will retain its space in the document, right? I want to completely hide it and take it out of the flow of the page.
Use display none on the div that holds the gallery and then just fadeIn or show on click of the thumbnail.

That’ll do what you want to accomplish.
Kick-ass, thanks!

I’m trying to design a photo/design portfolio that doesn’t use flash. Balllller

PM me if you need any help, I’m light at the office today

I’m swamped at the office. I won’t be able to work on this until this weekend probably. Thanks though
You should design this around graceful degradation practice. Hide the elements using jQuery, not CSS, that way your items will still be accessible under most circumstances. Thus, your users will still be able to navigate your site.

Could you give me an example of how to do this? I’m not very familiar with jQuery.

For example, how would I hide <img src="gayhomo.gif">

-edit-
So you’re saying that if someone had a browser w/out javascript support, instead of just seeing 1 image from the gallery that does nothing or returns an error, they’d be able to see all of them? So I should sort of "background design" my site to properly display the hidden images in case they’re unable to be hidden.

Yes, that is what I’m saying. Basically, you’re just using jQuery to hide the elements instead of CSS. Say, all of your images are in an element with an id of "images’, you’d hide it like this:

$("#images").hide();

If you just want to hide that specific image, you can do this:

$("img[src=gayhomo.gif]").hide();

Lightbox already degrades gracefully so you don’t have to worry about that part of the functionality.
Sweet man, thanks a lot! I want to start designing this site right away, but it’s date night tonight w/ my girlfriend

The latest trick these days is applying a class to the high level element (e.g., body) and then using javascript to remove the class. So now you could do something like "#hidethis { display:none; } .no-JS #hidethis { display: block; }" or whatever.
Colorbox looks sweet.

Are there any jQuery plugins that will create a slideshow based on a directory you specify? That would make it MUCH easier to update the contents of the albums.

Tru.dat Good for optimization too.

ehh this would require PHP wouldn’t it?

No, you could do it all through JavaScript. Don’t know of a modal that would do that for you though. You’d have to customize an existing one.
Yea that’s not gonna happen. Hidden images it is. Gonna be a PITA, though, with 9 galleries with 5-20 images each. I wish there was an easier way.

I was just creating Flash galleries in Photoshop Lightroom and uploading them. It works, but its flash.