[Plugin: NextGEN Gallery] How to envoke a lightbox gallery with just one thumbnail

Quick and dirty…

I added these lines to NextGEN Gallery’s stylesheet:

.ngg-gallery-thumbnail-box { display:none; !important;}
#ngg-image-1 {display: block; !important;}

This hides every thumbnail but the first.

Hope this helps.

Cheers,
Christian

Thanks for that, nice hack!

I was thinking of going down the CSS route too. Hopefully NextGEN will add this feature in the future.

Thanks again!

A little follow-up…
The above does not work correctly, if you change NextGEN Gallery’s sorting. Let’s say you sort your gallery so that the 5th image is displayed as the first one. The the above CSS would still show image no. 1, since the id ist still ngg-image-1.

This should work better:

div.ngg-gallery-thumbnail-box { display:none; }
div.ngg-galleryoverview div:first-child { display:block; }

/* Star HTML hack. Styles are only interpreted by IE6 */
* html div.ngg-gallery-thumbnail-box { display:block; }

I included the star HTML hack because otherwise you’d see no thumbnail at all in IE6.

Cheers,
Christian

Cool, good thinking. You saved me more future headache!

Thanks,
Alex

This is great – finally, just what I need.

Once I’ve added this, how/where do I invoke it?

Since it’s in CSS it will be envoked whenever you call for a gallery. One thing that I noticed is that with this hack you will need to remove the link to slideshow as that will be the firstchild if it is enabled.

This is just what I needed! Unfortunately, it doesn’t display the thumbnail in IE8. Has anyone tried to fix this?

Hi,

Is it possible to display separate galleries which do not get grouped into a single gallery? I want to display several galleries which don’t get played within the same slideshow, and each will have their own thumbnail.

Thanks,
-tejas

Yes, I’m using it this way. Just make your individual galleries and link to them in your page or post.

On a single page? For me, all the galleries on a single page are linked and the images are displayed in a single slideshow! ??

Yep, on a single page. But you have to use separate gallery-tags such as [nggallery id=1], [nggallery id=2], etc.

Oh, that! I am already doing that. And that is not a problem.

I am using ColorBox that groups all image on a page and displays as a single slideshow. May be I will use Lightbox and style it as necessary.

That sounds like a good idea. Does your gallery show the thumbnail in IE8?

Yes, it does.

Thank you so much for this hack! This has been driving me completely nuts! I do hope it’s included in the next hack.