• From: Cape May County
  • Registered: 2014-04-19
  • Posts: 8

Topic: Hide thumbnails on fullscreen expand

Is there an API config to not show the thumbnails when expanded in fullscreen?

asharke1's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Hide thumbnails on fullscreen expand

You could use use the API method toggleThumbs() when the API event onExpand() is fired as follows:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="viewport" content="minimal-ui" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: 'juicebox-container',
                galleryHeight: '400',
                galleryWidth: '600',
                showExpandButton: 'TRUE',
                showThumbsButton: 'TRUE',
                showThumbsOnLoad: 'TRUE'
            });
            jb.onExpand = function(expanded) {
                jb.toggleThumbs();
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>
  • From: Cape May County
  • Registered: 2014-04-19
  • Posts: 8

Re: Hide thumbnails on fullscreen expand

Steven,

What file am i adding this code to?

the "embed file" on my site?
the "full.html" in jbcore
the "index.html" file for the slider?
the xml file?

asharke1's Website

  • From: Cape May County
  • Registered: 2014-04-19
  • Posts: 8

Re: Hide thumbnails on fullscreen expand

It's in the emed code

asharke1's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Hide thumbnails on fullscreen expand

To see my example in action, create a test gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code I posted.