NextGEN albums

­
.fusion-fullwidth-1 { padding-left: 0px !important; padding-right: 0px !important; }

Instead of directly containing images, NextGEN albums hold galleries or other albums. Show them with Justified Image Grid but continue to use NextGEN's interface to manage them and their contents. Below you can observe JIG vs. native NextGEN and compare their looks and how they work. Note the very useful breadcrumbs - the small navigation above the grid - which comes bundled with the plugin, and how well JIG utilizes the space that is given to it. Feel free to drill down into this multi-level hierarchy: album » album » gallery. See about 700 images neatly organized here. Once you reach the thumbnails you can see that they show title, description and tags of any photo.

Showing NextGEN albums with JIG

You are here: Overview album » Outdoors » Ice cold
  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/119747971.jpg" title="Juneau, Alaska - Blue">Ice cave in the Glacier

    Ice cave in the Glacier
    Juneau, Alaska - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/131770220.jpg" title="reflection across a lake in Iceland blurays - Green">Northern lights (Aurora borealis)

    Northern lights (Aurora borealis)
    reflection across a lake in Iceland blurays - Green

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/136642742.jpg" title="arch iceberg in Greenland - Blue">Hidden portal to another world

    Hidden portal to another world
    arch iceberg in Greenland - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/143438332.jpg" title="over the glacier lagoon Jokulsarlon in Iceland - Green">Spectacular auroral display

    Spectacular auroral display
    over the glacier lagoon Jokulsarlon in Iceland - Green

  • Northern lights over lake

    Northern lights over lake
    land has pink tint

  • Perito Moreno glacier

    Perito Moreno glacier
    at late afternoon, Argentina

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/189748625.jpg" title="Antarctica - Blue">Well-shaped iceberg

    Well-shaped iceberg
    Antarctica - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/20217871.jpg" title="with scattered light - Blue">Ice grotto

    Ice grotto
    with scattered light - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/3444427.jpg" title="taken during a 3-month Antarctic research expedition near the Peninsula - Blue">Sun-reflecting blue front of a larger iceberg

    Sun-reflecting blue front of a larger iceberg
    taken during a 3-month Antarctic research expedition near the Peninsula - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/56841154.jpg" title="iceberg in Antarctica - Blue">Funky shapes

    Funky shapes
    iceberg in Antarctica - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/70756195.jpg" title="covered with snow and flooded with light - Blue">Blue ice cave

    Blue ice cave
    covered with snow and flooded with light - Blue

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/82078000.jpg" title="in turquoise - Blue, Turquoise">Ice cave

    Ice cave
    in turquoise - Blue, Turquoise

  • <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/ice-cold/84724483.jpg" title="red reflections on the water - Red">Summer sunset in Antarctica

    Summer sunset in Antarctica
    red reflections on the water - Red

The above example uses the following, generated shortcode (how to use):

[$justified_image_grid caption=slide last_row=flexible mouse_disable=yes load_more=click load_more_limit=20 ng_album=10 ng_breadcrumb=yes ng_bc_home=custom_text ng_bc_home_text="Overview album" ng_description=yes]

.fusion-fullwidth-2 { padding-left: 0px !important; padding-right: 0px !important; }

The same thing shown with the original NextGEN

.fusion-fullwidth-3 { padding-left: 0px !important; padding-right: 0px !important; }

How does showing NextGEN albums work exactly?

They use the same URL structure and conventions as original NextGEN, that's why you can see them in parallel.

.fusion-fullwidth-4 { padding-left: 0px !important; padding-right: 0px !important; }

What can be displayed on the thumbnails?

  • Title of galleries and albums.
  • Description of NextGEN albums and galleries, also above the grid. Interestingly, NextGEN does not make use of this.
  • Photo count of a gallery in an album, for example "48 Photos".
  • Count of NextGEN albums and galleries in an album. This appears separately, for example "2 Albums, 5 Galleries".

How does the integration work?

  • The thumbnail order is the same as in original NextGEN.
  • You can select multiple NextGEN albums to combine their contents in a grid.
  • JIG ensures that each album and gallery has a cover photo (NextGEN does not acquire one automatically, if missing).
  • Sort the contents of the album using the global sort options in NextGEN, by their Title or ID - this feature is added by JIG.

I like that breadcrumbs thing, what's the deal with that?

  • Show or hide it. Also to even include it on the topmost level or not.
  • Change the separator character like arrows, slashes between path elements and optionally at the end.
  • Set your own text prefix, for example the 'You are here:' text.
  • Re-write the home element or automatically get the title of the current post or the album's name.
  • Decide if the home and/or the current content's title should be clickable.
.fusion-fullwidth-5 { padding-left: 0px !important; padding-right: 0px !important; }

Album management

NextGEN Gallery's album editing screen lets you drag and drop galleries and albums into your desired album.

Manage NextGEN albums

.fusion-fullwidth-6 { padding-left: 0px !important; padding-right: 0px !important; }

How do the settings look like?