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

  • Resolved vestaxpdx_2


    Hi is this possible?

    I have the lightbox 2 plugin installed and using the default [nggallery id=1] etc lists all the images as little thumbnails and when clicked you can go through them via the lightbox plugin.

    All I want to do is just show ‘one’ thumbnail that when clicked opens the image in the lightbox format and still allows to click through the rest of the images in that gallery.

    I cant find any example for this, I would of thought lots of people would want to do this.

    Can anyone help?

Viewing 15 replies - 1 through 15 (of 16 total)
  • 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.


    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.


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


    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?


    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.


    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.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘[Plugin: NextGEN Gallery] How to envoke a lightbox gallery with just one thumbnail’ is closed to new replies.