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
This is not Miami.
City light trails
cars pass by during long exposure- <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/114214648.jpg" title="in Prague, Czech Republic - Prague">
Autumn morning, statues on Charles Bridge
in Prague, Czech Republic - Prague - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/114479500.jpg" title="Champs-Elysees at night - Paris">
Paris traffic
Champs-Elysees at night - Paris - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/115862671.jpg" title="at Charles bridge in Prague - Prague">
Misty sunrise
at Charles bridge in Prague - Prague - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/115930030.jpg" title="during golden misty morning - Prague">
Tourists on Charles Bridge
during golden misty morning - Prague Shenzhen city lights
motion blurred streaks- <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/121699513.jpg" title="Tenerife, Canary Islands, Spain - Canary Islands">
Puerto de la Cruz by Night
Tenerife, Canary Islands, Spain - Canary Islands Tram rails at night
Freiburg im Breisgau, Germany- <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/124132732.jpg" title="Paris city after sunset - Paris">
Arc de Triomphe
Paris city after sunset - Paris - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/136711289.jpg" title="in Burano near Venice, Italy - Italy">
Colorful street
in Burano near Venice, Italy - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/140743192.jpg" title="Roman Catholic church Basilica di Santa Maria della Salute in the misty background - Italy, Orange">
Traditional Venetian wooden boats
Roman Catholic church Basilica di Santa Maria della Salute in the misty background - Italy, Orange - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/140871832.jpg" title="at sunset in Florence, Italy - Italy">
Cathedral Santa Maria Del Fiore with Giotto's Campanile
at sunset in Florence, Italy - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/140988010.jpg" title="at sunset in Venice, Italy - Italy">
Ponte Rialto and gondola
at sunset in Venice, Italy - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/145609048.jpg" title="long exposure shot in the morning - Paris">
Eiffel Tower in the distance
long exposure shot in the morning - Paris - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/145827044.jpg" title="and Pont d'Iena at dawn, Paris, France - Paris">
Eiffel Tower
and Pont d'Iena at dawn, Paris, France - Paris - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/155567879.jpg" title="in London, United Kingdom - London">
Big Ben and Houses of Parliament
in London, United Kingdom - London - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/164471438.jpg" title="and spires in misty morning sunrise - Prague">
View of Prague city towers
and spires in misty morning sunrise - Prague Cales Fonts Port sunset
in Mahon at Balearic Islands- <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/181669589.jpg" title="near Eiffel Tower, Paris, France - Paris">
Flowers in sunrise
near Eiffel Tower, Paris, France - Paris - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/190134149.jpg" title="Canary Islands, Spain - Canary Islands">
Costa adeje at night
Canary Islands, Spain - Canary Islands - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/193247768.jpg" title="panorama at with urban architectures and Thames River with Tower Bridge - London">
London rooftop view
panorama at with urban architectures and Thames River with Tower Bridge - London - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/55162402.jpg" title="in Prague, Czech Republic - Prague">
Charles bridge at dawn
in Prague, Czech Republic - Prague - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/63343180.jpg" title="in Venice, Italy - Italy">
Sunrise with gondolas
in Venice, Italy - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/74835445.jpg" title="in Rome, Italy - Italy">
Colosseum
in Rome, Italy - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/81660079.jpg" title="with exceptional colors - Purple">
View of old Dubrovnik
with exceptional colors - Purple - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/89541238.jpg" title="in thick early morning fog - Italy">
Venice gondolas
in thick early morning fog - Italy - <a href="https://justifiedgrid.com/wp-content/gallery/outdoors/city/98002799.jpg" title="with El Teide, Tenerife, Canary Islands - Canary Islands">
La Laguna
with El Teide, Tenerife, Canary Islands - Canary Islands
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]
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.
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.
Album management
NextGEN Gallery's album editing screen lets you drag and drop galleries and albums into your desired album.