May 14th, 2008 at 1:08 am by David Potter

NextGEN Gallery Review - Displaying Images - Album


Galleries can be organized into albums to present multiple groups of images to your visitors.

[album=id,mode]

id = the ID of the album (e.g. 1).

mode (extend or compact) = options for how tod display the gallery; extend displays each gallery in the album on its own row with its description; compact displays multiple galleries per row without descriptions.  This parameter is optional.

The album shortcode displays the galleries in an album on the page.  Galleries appear in the order in which they are placed on the album admin page.  There are two album views available.  In both views the image selected for the gallery on the gallery’s admin page is displayed.  If none is selected, no image is displayed.

Extended view

In the extended view (mode = extend), galleries are displayed on separate rows.  Each row consists of the title listed above, the gallery image selected on the admin page for the gallery, the description of the gallery specified on the admin page for the gallery, and the number of photos in the gallery.

[album=#,extend]

Salamanca, Spain
Salamanca, Spain

Photos taken by my daughter Bethany when she was in Salamanca, Spain on a study abroad program.

56 Photos

Compact view

In the compact view (mode = compact), multiple galleries are displayed on each row in the style of Flickr.  Each row consists of as many galleries as will fit.  Each gallery is displayed as a column with the gallery image on top, the gallery title in the middle, and the count of photos below that.

[album=#,compact]

Salamanca, Spain

Salamanca, Spain

56 Photos

Displaying Contents of a Gallery

To display the contents of a gallery, simply click on the gallery title or on the gallery image.  If the Deactivate gallery page link option on the Gallery options page is checked, the contents of the gallery will be displayed on the same page.

If the option is unchecked, make sure you have selected a page that displays the gallery (i.e. specifies the gallery shortcode with the ID of the gallery) or the page will simply refresh.

Wishlist / Caveats

  • It would be nice to have a default image displayed if no image is specified on the gallery’s admin page.
  • If the gallery is not associated with a page and the Deactivate gallery page link option on the Gallery options page is unchecked, the page refreshes and the contents of the gallery is not displayed.  It would be preferable to behave as if the checkbox is actually checked.
  • It would be nice if gallery parameters could be specified to albums.  You’ll notice on this page that when you click on the gallery in one album that both are expanded.
  • It would be nice if the number of galleries displayed horizontally could be specified when using compact mode rather than just relying on HTML formatting.

Resources

All images © 2008 Bethany Potter.  All rights reserved.

« Previous in series «

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • LinkedIn
  • Live
  • StumbleUpon
  • Technorati
Related Posts

Feed for this post Categories: WordPress Tags: , ,  Email Email  Print Print  7,186 views

22 Comments

  1. wendel · May 17th, 2008 at 1:41 pm #

    Olá, o album funciona perfeitamente, porém as imagens são exibidas lá em baixo no rodapé do site

  2. Rick · May 27th, 2008 at 6:54 pm #

    I don’t get it… you say to add: [ album=id,mode ] to the page yet when I peruse your html it doesn’t appear at all. I only see a bunch of claas= somengg_descriptor. So, where would i add [ album=id, mode ]? In a post? And then all these class= appear in the ’source view’ of the browser?

    Thanks for any enlightenment,
    Rick

  3. David Potter · May 28th, 2008 at 12:19 am #

    @Rick: Great question. The shortcode doesn’t appear in the resulting HTML. Instead, you place it in your post or page body text. When your post or page is displayed, the NextGEN Gallery plugin translates it into the appropriate output.

    Does that help?

  4. Conrex · May 29th, 2008 at 8:47 pm #

    I dont know anymore where to add the tags can u make a screenshot how and where to do? kinda pictured tutorial?
    http://www.conrex.gethost.nl/look.jpg
    Look thats what i’m doing but i think i understood something wrong xD
    But already thanks for your help
    Greetz Mike aKa CoNreX

  5. David Potter · May 29th, 2008 at 9:14 pm #

    @Conrex: Ah, I see the problem. I use spaces after the opening square bracket and before the closing square bracket so that the plugin won’t try to translate it. However, when you add it to the body of the text you have to remove the spaces. I’ll try to put together some images that better show what it looks like. Sorry for the confusion.

  6. Tonny · May 30th, 2008 at 7:33 am #

    Please also note for clarity that your can not haver a space after the comma. ie, [album=1, compact] will not work but [album=1,compact] will work.

  7. Conrex · May 30th, 2008 at 8:34 am #

    hmm… i tried with and without those spaces within those brackets but it doesn’t work i think i realy need some screenshot but again thanks for your help ;)

  8. valerie · June 10th, 2008 at 1:48 pm #

    Thanks so much for all the wonderful tutorials for this plugin!

  9. MamaTang · June 19th, 2008 at 7:49 am #

    I just started using Next Gen Gallery. How do I get the description to be at the side of the thumbnail instead of displaying after the thumbnail?

  10. Rob · June 22nd, 2008 at 6:56 pm #

    My albums won’t show up in a row. It’ll only appear below the previous one. I noticed in my source code that it is adding a ngg-clear div tag in between each album instead of only at the end of the last one as it is on other pages…

  11. Marshall · June 30th, 2008 at 3:05 am #

    I’m getting no Thumbnail image for the Album.
    I went to the Manage Gallery Page, but dont see an option to set a image as album cover.

  12. David Potter · June 30th, 2008 at 10:21 am #

    @MamaTang - To get the description to show at the side of the thumbnail, you need to specify extend for the mode (e.g. album=#,extend).

    @Rob - To have your albums show up in a row, you need to specify compact for the mode (e.g. album=#,compact).

    @Marshall - On the Manage Gallery page, the control for setting the image for the album is in the upper right of the page underneath the control for setting/creating a page to display the album. Let me know if you still can’t find it. I should try to post some screen shots.

  13. Fabien · July 31st, 2008 at 9:52 am #

    First of all, thank you for this documentation, the ultime website I needed for customizing my NextGen gallery.
    While reading those posts, I am wondering: how do you manage the Table of Contents shared by several posts? (manually or with a plugin?)

  14. David Potter · July 31st, 2008 at 9:55 am #

    Thanks Fabien. The table of contents is generated by the In Series plugin. There is a link to it on the Installed Plugins page.

  15. Fabien · August 1st, 2008 at 6:29 am #

    Thanks for all!

  16. Lucky Dog » Announcement !! · August 5th, 2008 at 12:53 am #

    [...] NextGEN Gallery Review - Displaying Images - Album [...]

  17. Ashish · August 14th, 2008 at 7:38 am #

    Hi David,
    I am trying to use the album, but it behaves weird. Firstly, the enclosing boxes are too big. Also when I click on the album image, all that happens is the browser goes to the top of the page. I can’t figure why this happens.
    Any help will be appreciated
    Thanks

  18. Ashish · August 14th, 2008 at 7:40 am #

    sorry I forgot to post the url of the offending page in my earlier post. Here it is:
    http://shri.co.uk/gallery

  19. David Potter · August 14th, 2008 at 9:27 am #

    @Ashish - When I visit that page (using IE7, FF2, Safari on Windows, and Opera) and click on one of the galleries, it displays the contents of the gallery correctly. Did you already fix this?

  20. Shawn · August 15th, 2008 at 3:58 pm #

    @MamaTang: Go to Manage Gallery and pick a gallery that you want to work with and click “Edit” on the far right side. Click on the arrow next to “Gallery Settings” to expand the settings box. Fill in the description box with whatever you like. If you want a preview image, select one from the “Preview Image” drop down list to the right. Click “Save Changes”. In your post, make sure you have your album correctly listed in the post “[album=ID,extend]” without quotes. Save or Publish and you should be good to go.

    Take Care,
    SWH

  21. Shawn · August 15th, 2008 at 4:02 pm #

    By the way, Dave, moderator is spelled incorrectly. I noticed this when I saw my comment and the text stating, “Your comment waits for approval by a modorator.” Replace the second o with an e and you are golden.

    Thanks for the great work. I am new to the blogosphere and still deciding if I am going to use WP full time as a CMS or if I might jump to Joomla. Since I am not a programmer and have very rudimentary understanding of code I am not sure what I will do. Your site was a life saver and is bookmarked.

  22. David Potter · August 15th, 2008 at 4:04 pm #

    @Shawn - Thanks for the heads-up (I hadn’t done a complete pass through the theme when I deployed it) and thanks for commenting :-)

    I haven’t looked at Joomla, but what I can say about WordPress is that there is an incredible community surrounding it which means I don’t have to create everything for each site I deploy. I suppose I should look at Joomla, though, just to be aware of what else is out there.

Leave a Comment




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>