Topic: Embedding only thumbnails as link to full gallery

I'm interested in combining photo galleries of 30-60 photos as a backing to articles which feature 2-3 larger photos as part of the article.

At the moment clicking the large images will bring up a 'shadowboxed' version of the full gallery, but I sense not all readers will realise there are 30+ photos in the gallery supporting the article.

What would be perfect is a small mosaic of 6 thumbnails or so, at the bottom of the article, generated from that gallery which also link to the full gallery in the same way.

Instead of manually entering the thumbnails and linking each one to the gallery I was wondering if it's possible to have Juicebox produce an embedded gallery featuring only thumbnails (either a selection or the whole lot), which when clicked can open up the full gallery viewer ?

Here is an example of a draft page showing roughly what I want to achieve :
http://www.nikolay-k.com/?p=127

Re: Embedding only thumbnails as link to full gallery

if it's possible to have Juicebox produce an embedded gallery featuring only thumbnails

If you set screenMode="SMALL", then Juicebox will display the gallery in Small Screen Mode (on all devices and in all browsers). The user will be presented with a grid of thumbnails from which a main image can be selected (by clicking on the representing thumbnail). The user can return to the thumbnail page via the Thumbnail Button on the Button Bar.
For more information on Juicebox and Screen Modes, please see here.

Please note that when a user selects a main image, the gallery will not expand to fill the browser window.
If you would like the gallery to expand when a thumbnail is clicked from a Small Screen Mode thumbnail page, you could use the available Juicebox-Pro API methods and events.
To see this in action, create a sample gallery in JuiceboxBuilder-Pro and replace the gallery's index.html' page with the following code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <title>Test</title>
    </head>
    <body>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: 'juicebox-container',
                galleryHeight: '400',
                galleryWidth: '600',
                screenMode: 'SMALL',
                showExpandButton: 'TRUE',
                showSmallThumbsButton: 'TRUE',
                showSmallThumbsOnLoad: 'TRUE',
                showSplashPage: 'NEVER'
            });
            var fullscreen = false, thumbs = true;
            jb.onExpand = function(expanded) {
                if (fullscreen && !thumbs) {
                    jb.toggleThumbs();
                }
                fullscreen = !fullscreen;
            };
            jb.onImageChange = function(e) {
                if (!fullscreen) {
                    jb.toggleExpand();
                }
            };
            jb.onShowThumbs = function(showing) {
                thumbs = !thumbs;
            };
        </script>
        <div id="juicebox-container"></div>
    </body>
</html>

Otherwise, you could perhaps using the Splash Page (by setting showSplashPage="ALWAYS") to display a placeholder image for the gallery which, when clicked, will expand the gallery to fill the user's browser image.
By default, Juicebox-Pro uses the first image in the gallery as the Splash Page Image but you could construct a composite image from several gallery images and instruct Juicebox to use this instead (using the splashImageUrl configuration option).
For reference, the Splash Page configuration options can be found here.