Topic: Different order of thumbnails

Hello,

Is it possible to create, and if not, are you planning a theme/design which will order thumbnails in a grid?

Something like this in example:

https://duaw26jehqd4r.cloudfront.net/items/1f0Y1q1Q040e1k1k2I2v/Image%202019-01-29%20at%202.15.45%20PM.png?v=5d9c2b3d

Or this:

https://duaw26jehqd4r.cloudfront.net/items/18021j003S0P1Y1i3X3E/Image%202019-01-29%20at%202.19.14%20PM.png?v=67c67276

Re: Different order of thumbnails

The closest that you would be able to get to your second image would be to create a Juicebox gallery page and display your gallery in Small Screen Mode (usually used on mobile devices) where thumbnails and images are displayed on separate pages (so that the main images can be given as much space as possible on small screens).

When the gallery is initially displayed, the user will be presented with a grid of thumbnails from which a main image can be selected.
When a thumbnail is selected, the thumbnail page is replaced with the chosen image (and the user can then navigate through the main images).
The user can return to the thumbnail page by clicking the 'Thumbnail' button on the gallery's Button Bar.

You can force a gallery to be displayed in Small Screen Mode by setting screenMode="SMALL" (in the 'Pro Viewer Options -> General (Pro)' section).
Please note that screenMode is a Juicebox-Pro configuration option which is not supported by Juicebox-Lite, the free version.
For reference, a complete list of configuration options can be found here.

All thumbnails will be the same size as each other but you can determine the size via the thumbWidth and thumbHeight configuration options (in the 'Pro Viewer Options -> Thumbnails (Pro)' section).

More information about Screen Modes can be found in the Gallery Tour.

Here's a demo gallery using Small Screen Mode.

I hope this points you in the right direction.

Neither Showkase nor Juicebox currently supports a masonry style thumbnail layout (like in your first image) but, if you like, you could post this as a suggestion for a future version in the Feature Requests forum thread (for Showkase and/or Juicebox) where your idea will be seen by the developers.
Showkase Feature Requests: https://showkase.net/forum/viewtopic.php?id=2
Juicebox Feature Requests: https://juicebox.net/forum/viewtopic.php?id=5

I do not know the likelihood of any suggestions being implemented in future versions but this certainly is the best place for all ideas.
Thank you.

Re: Different order of thumbnails

Thanks for the comprehensive answer.
I think it will work on this way. But how to use "Max thumb columns" and "Max thumb rows" ? Even I'd change something - nothing is changed... I have a Pro versions of Showkase and Juicebox.

Re: Different order of thumbnails

Thanks for the comprehensive answer.

You're welcome!

But how to use "Max thumb columns" and "Max thumb rows" ?

maxThumbColumns and maxThumbRows are used in Large Screen Mode only (when the thumbnails and main images are displayed together on the same page).

When thumbsPosition is set to either LEFT or RIGHT, the number of thumbnail columns is fixed at the maxThumbColumns value whereas the number of thumbnail rows is variable (up to the maxThumbRows value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 columns of thumbnails: https://www.juicebox.net/demos/pro/simp … umbRows=10

When thumbsPosition is set to either TOP or BOTTOM, the number of thumbnail rows is fixed at the maxThumbRows value whereas the number of thumbnail columns is variable (up to the maxThumbColumns value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 rows of thumbnails: https://www.juicebox.net/demos/pro/simp … ion=CENTER

In Small Screen Mode, Juicebox simply displays as many thumbnails as possible on each thumbnail page, dependent on the thumbnail dimensions (thumbWidth and thumbHeight) and the space available within the gallery.

I hope this helps.