I would recommend that you upgrade to the latest version of WP-Juicebox (v1.4.4.2) as many bugs have been fixed since v1.3.3.0
Please see the Juicebox Version History and the WP-Juicebox Version History for details.
Upgrading the plugin will automatically upgrade all your WP-Juicebox galleries at once without any further action.

If you still experience difficulties, I would rather troubleshoot a problem with the current version than with an older version known to have bugs which have since been fixed.
The current version of WP-Juicebox can be downloaded from the plugin's support page here.

i also tryed the latest version but i have a part of the photo and not all the photo on the fist thumb.

It sounds like your current theme might be using some custom CSS rules that the gallery is inheriting and which are affecting the display of your gallery. Try temporarily reverting to a default WordPress theme (such as Twenty Sixteen) to see if this makes a difference.

By default, the first image in the gallery is used for the Splash Page and it is cropped to fill the gallery area.
If you like, you can select a custom image to be used for your Splash Page (perhaps one more with an aspect ratio more suitable for your gallery's dimensions) via the splashImageUrl configuration option. This can be set in the Pro Options text area of the gallery settings window.

a)is it possible to load direct the photos  instead this first thumb photo?

Yes. Set showSplashPage="NEVER" (Pro Options).
If you want the main images to be initially displayed on mobile devices (rather than the grid of thumbnails), then set showSmallThumbsOnLoad="FALSE" (Pro Options).

b)or if i dont use the splash Page how to avoid scrolling when it loads this first thumb photo?

If you don't use the Splash Page, then the gallery will be embedded in your page at the dimensions you set via galleryWidth and galleryHeight. You have no control over the size of the browser window being used to view your web page (and your gallery) so it would be very difficult to guarantee that no scroll bars are required (unless you have the gallery on a page of its own with dimensions of 100% x 100%, which is what happens when expanding the gallery from the Splash Page).

If you continue to experience difficulties, then please post the URL to your gallery's web page so that I can take a look and investigate further.
Please also let me know what mobile devices and browsers you see the problems in (and what operating systems the mobile devices are running). Try viewing your gallery's web page in different browsers (Mobile Chrome, Mobile Firefox and Mobile Safari) to see if the problems are unique to certain browsers.

2,252

(5 replies, posted in Juicebox-Pro Support)

I thought that it would be good idea to try the embed method as I heard that there are advantages; that the images are presented better. Do I understand correctly?

A gallery embedded manually will look and function exactly the same as a gallery created with WP-Juicebox (assuming both galleries have exactly the same configuration settings).

Is there any advantage of the embed feature over the WP plugin?

Using WP-Juicebox will embed the gallery automatically (avoiding any problem which can occur when embedding manually such as file locations and pathing issues). Also, if you have multiple galleries on the same page, WP-Juicebox will load the 'juicebox.js' file only once per page (rather than once per gallery). This is recommended. (Loading the 'juicebox.js' file multiple times in a single page can cause problems, especially if the 'juicebox.js' files being loaded are different versions.)

If there are advantages in embedding, is there any step by step "recipe" for how to do this with flickr being the source of the images and with wordpress being the platform where the embed code is being used?

There are no advantages to embedding manually (but as long as the file locations and embedding code are correct, there are no disadvantages, either). However, if your WordPress site can display multiple posts containing Juicebox galleries on a single page, then there may be an issue with multiple 'juicebox.js' files being loaded. Using WP-Juicebox will avoid this potential problem.

Here are the steps required to achieve your manually embedded Flickr-sourced gallery.
(1) Create a Juicebox gallery (using Flickr as a source of images) using JuiceboxBuidler-Pro.
(2) Upload the complete gallery folder (not just the contents) to your web server.
(3) Paste the baseUrl embedding code into the body of your WordPress page (ensuring that the method of entry is 'Text' rather than 'Visual').

It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

In a WordPress site where you may have little or no control over the gallery's parent containers, I would recommend giving your gallery a fixed pixel value height (such as 600px) instead of the JuiceboxBuilder-Pro default value of 100%.
Please see this note regarding Using Percentage Heights. (Using a fixed height will avoid this potential problem.)

You mentioned that the 'juicebox.js' file should be located here: http://gateslosangeles.com/jbcore/juicebox.js  But you then said "(but it is not there)" Should I simply copy that file from it's current location to the jbcore folder mentioned and delete the original file?

If you copied the entire contents of your gallery folder (but not the folder itself) to your root directory, then the 'juicebox.js' file would be in the correct location (according to your current embedding code). You could do this and you should see that your gallery displays OK.

I suspect that you may have already uploaded your gallery folder to your web server somewhere but I do not know where it might be. If you have already uploaded your gallery folder to your web server, then you can leave it exactly where it is and:
(a) Add a baseUrl line to your embedding code to point towards the gallery folder. The baseUrl an be relative (to the page containing the embedding code) or absolute.
(b) Adjust the path to the 'juicebox.js' file at the top of your embedding code (to point to the 'juicebox.js' file inside the 'jbcore' folder in your gallery folder. Again, this path can be relative (to the page containing the embedding code) or absolute.

In your (3), can you offer any instructions on how to do this, with a wordpress site?

Please see Steps #1 - #3 above.

I hope this helps to clarify things.

2,253

(5 replies, posted in Juicebox-Pro Support)

I see a couple of things which might be causing your problem.

(1) You have WP-Juicebox installed (which loads the 'juicebox.js' file into your web page) and you also load the 'juicebox.js' file into your web page manually (at the top of your gallery's embedding code).
The 'juicebox.js' file should be loaded only once per web page.
If you are embedding your gallery manually, then you can disable WP-Juicebox.

(2) The path to the 'juicebox.js' file at the top of your gallery's embedding code in incorrect. The path you use is relative and will be relative to the page containing the embedding code. Therefore, the 'juicebox.js' file should be located here: http://gateslosangeles.com/jbcore/juicebox.js (but it is not there).

(3) As your gallery's embedding code does not feature a configUrl or a baseUrl, Juicebox will expect the gallery's XML file to be named 'config.xml' and to be located in the same directory as the page containing the embedding code. The 'config.xml' file does not see to be there: http://gateslosangeles.com/config.xml

If you copy the contents of your gallery folder (not the folder itself) to the root directory of your web space, then your gallery should display fine.

Otherwise, if you have uploaded your complete gallery folder to your web server somewhere, then you can use the baseUrl method of embedding documented here.

For example, if your gallery folder is named 'my_gallery_folder' and you uploaded the complete gallery folder to your root directory, then you could use the following embedding code (in any page throughout your web site).

<!--START JUICEBOX EMBED-->
<script src="/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl: '/my_gallery_folder/',
    containerId: 'juicebox-container',
    galleryWidth: '800',
    galleryHeight: '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(The leading slashes in the paths above denotes your root directory.)

When using the baseUrl method, it does not matter where on your web server you upload the gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

2,254

(9 replies, posted in Juicebox-Pro Support)

No. Direct linking still uses only the image index number.
It is easy to allocate each image in a gallery a unique number but it would be more difficult to allow image names to be used. Some kind of mapping (image name <--> image number) might be required.

You can still link directly to an image within a Juicebox gallery from Facebook (or any other web page) as long as you know the position of the image in the gallery (which should be fine as long as you do not set randomizeImages="TRUE").
Here is a link to the 7th image in one of our demo galleries: http://juicebox.net/demos/pro/full/#7
If you wanted to use a link like this on your Facebook page, just be sure to use the whole URL (including the '#7' part at the end).

If you like, please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.

2,255

(1 replies, posted in Juicebox-Pro Support)

Please see this forum thread: https://juicebox.net/forum/viewtopic.php?id=2070

There is no easy way to do this. Juicebox was not designed with this in mind.
A Juicebox gallery uses the same set of configuration options for normal and expanded modes and there is no configuration option which you can set to achieve this behavior.

You could perhaps try some of the code I supplied in the forum thread (link above) but, as you will see from the replies, you may run into unforeseen issues which might have to be tackled along the way.

If the problem is intermittent, then the cause is likely to be either web sever or internet connection related.
The code on your pages will remain constant and should be rendered with consistency.

Juicebox will display the "Config XML file not found" error if the XML file cannot be reached in a timely manner.
The fact that the problem is intermittent suggests that a timeout error may be occurring (the time taken to fetch the XML file is too long).

I'm not sure it will help but you could try increasing your PHP set_time_limit directive to ensure that your PHP file has enough time to generate the XML file.
You could also increase your browser's default timeout value to see if this makes a difference. (You might need to do a web search to see if this is possible with your particular browser.) I realise that this will not help others viewing your web site but it might give us some insight into the nature of the problem.

I notice that your gallery's XML file is generated by a PHP file but the configURL (the URL for the PHP file) is first generated by a JavaScript function.
Also, your web page loads files from several different domains and includes approximately 40 external JavaScript files and 30 external CSS files.

I understand that you may need everything for your web site to function correctly but I can't help but think that you might have fewer Juicebox errors if things were simplified a bit.
If you have any plugins which you are not currently using, try deactivating them to prevent their files from being loaded into your page.

Try also deactivating W3 Total Cache and allow all files to be served from your own web server (instead of a Content Delivery Network). I do not know if this will make a difference but it might be worth trying so see what happens.

Another thing you might like to try is to hardcode the path to the PHP file in your gallery's embedding code (to see if there is perhaps a timing issue with the JavaScript function which builds the configURL which might be contributing to the problem).
Change:

configUrl: dsidx.details.GetConfigUrl(),

... to:

configUrl: 'http://mrtownhome.net/wp-content/plugins/dsidxpress/client-assist.php?action=GetPhotosXML&pid=147337406',

You might need to change this in one of your plugin's source files. I realise that this is not a solution (it will only ever show the images for a single gallery) but it might be interesting to see if it helps with the problem.

Unfortunately, I do not have a solution to your problem and some trial and error might be required but I hope the suggestions above point you in the right direction.

2,257

(7 replies, posted in Juicebox-Lite Support)

I'm glad you've got it working.
Thank you for posting back to let me know.

2,258

(7 replies, posted in Juicebox-Lite Support)

All XML entities within the Gallery Title (and any other configuration options in the gallery's XML file) need to be escaped. Otherwise they may break the structure of the XML file.

If you enter a Galley Title such as "France Bretagne<br />Normandy" into JuiceboxBuilder, the application will automatically escape the XML entities as required and the Gallery Title will become "France Bretagne&lt;br /&gt;Normandy" in the XML file.
However, if you edit your XML file manually, then you will need to escape the XML entitles yourself and enter:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

I have changed the code in my previous post to reflect this. Sorry for any confusion caused.

Basically, if you have any of the following characters in any configuration options in your gallery's XML file and you edit the XML file manually, then you will need to replace them as follows:

& - replace with &amp;
' - replace with &apos;
" - replace with &quot;
< - replace with &lt;
> - replace with &gt;

2,259

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

2,260

(7 replies, posted in Juicebox-Lite Support)

Also i like to know if it is possible to put the juicebox area higher on the page,
of is this a restriction of the WP theme i use?

Thank you for providing the URL to your gallery's web page.

There are <p> and <br /> tags scattered throughout your gallery's embedding code which are introducing empty space and line breaks above your gallery.
It looks like these are being inserted by WordPress's wpautop function.

You could install a third-party plugin to disable the wpautop functionality, for example Toggle wpautop or wpautop control.
Otherwise, you could implement the manual solution from this forum thread.

Please note that you may need to re-enter your gallery's embedding code into your post (or manually remove the tags from the editor) after disabling wpautop (which should prevent the tags from being inserted in subsequent posts).

Alternatively, you could install the Raw HTML plugin and wrap the gallery's embedding code in [raw] ... [/raw] tags. This should prevent extra markup (such as <p> and <br /> tags) from being added to the HTML code by WordPress itself or any third-party theme or plugins.

The galleryTitle is long i know. Is it possible to use multiple lines?

Yes. You can use HTML line breaks (<br />) to split your Gallery Title into multiple lines.
Please see this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

You could use a Gallery Title such as:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

2,261

(3 replies, posted in Juicebox-Pro Support)

Please see this forum post regarding image rotation. It might help to shed some light on the situation.

When images are requested from Flickr, Juicebox just displays them in the gallery (dynamically) via regular HTML <img> tags and the orientation of the image is handled by the browser.

As noted in the forum thread linked to above, the only way to ensure that your images will be displayed as you expect in all browsers and programs would be to strip the EXIF information from the images (by re-saving the images in an imaging program and choosing not to keep the EXIF information) and then rotate your images until they visibly look correct before uploading them to Flickr.

2,262

(1 replies, posted in Juicebox-Pro Support)

Juicebox was not designed with this functionality in mind (the size of the gallery changing depending on the size of each image within the gallery). Ordinarily, a gallery's size will remain constant (unless the gallery is responsive and the size of the user's borwser window changes) and images will be scaled to fit within the gallery's image area.
However, you could perhaps use something like the following. The example gallery below has a fixed width and the height of the gallery changes when a new image is selected, depending on the height of the image (and adding 105 pixels to take into account the thumbnails).
If uses several Juicebox-Pro API functions.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code below.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            #wrap {
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var widthInteger = 600;
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: widthInteger.toString(),
                imageScaleMode: "SCALE"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var url = info.imageURL;
                var image = new Image();
                image.src = url;
                var height = image.height;
                var width = image.width;
                var newHeight = Math.floor((widthInteger/width)*height) + 105;
                jb.setGallerySize(widthInteger, newHeight);
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

Unfortunately, you are currently loading your gallery into an iframe and it is a little more difficult to have the gallery (on the page being loaded into the iframe) control the iframe's height (on a different page) when a new image is selected.
You would need to give your iframe an 'id', for example:

<iframe id="target" src="http://borrowsynths.com/erika/galleries/landscape/index.html" frameborder="0" scrolling="no" style="position: absolute; top:0; left: 0; width: 100%; height: 100%;"></iframe>

... and then add the following code after the jb.setGallerySize(widthInteger, newHeight); line in the sample above (to change the height of the iframe).

window.parent.document.getElementById('target').style.height = newHeight.toString() + 'px';

I hope this points you in the right direction.

2,263

(17 replies, posted in Juicebox-Pro Support)

This issue (which is unique to the iPad Pro) will be fixed in the next version of Juicebox.

@robertcoldwell
Thank you very much for reporting the problem and for your help in resolving the issue (via email).

2,264

(5 replies, posted in Juicebox-Pro Support)

No problem. Just glad to hear that you've got it sorted. Thank you for letting me know.

2,265

(6 replies, posted in Juicebox-Pro Support)

@fkelly12054

Many thanks for sharing your experiences and web site link.

2,266

(7 replies, posted in Juicebox-Pro Support)

The current version of WP-Juicebox (v1.4.4.2) should already support Google Photos.
Select 'Picasa Web Album' as the image source and enter your Google Account name in the 'Picasa User Id' input field (for example gallery123 from 'gallery123@gmail.com') and your Album Name in the 'Picasa Album Id/Name' input field.

2,267

(5 replies, posted in Juicebox-Pro Support)

Ideally, the fading in of a gallery should not affect other non-gallery elements on your web page.
Please post the URL to your web page so that I can take a look at the problem for myself and hopefully help further.

The solution might just be to change use or change some CSS selectors on your header but I should have a better idea of what the problem might be when I see your web page. Thank you.

2,268

(7 replies, posted in Juicebox-Lite Support)

The galleryTitle disapears when i move the mouse out of the juicebox area.
Is there a setting that i can set?

In Juicebox-Lite, the image overlay disappears after 4 seconds of inactivity or when the mouse hovers outside the gallery and, by default, the Gallery Title is positioned on the overlay.

There are certain configuration options you could use to change this behavior but they are all available to Juicebox-Pro only and are not supported by Juicebox-Lite.

(1) You could change inactivityTimeout to change the auto-hide time period (or set it to zero to disable the auto-hide functionality).
(2) You could change showImageOverlay from its default value of AUTO to ALWAYS (to always show the overlay).
(2) You could use galleryTitlePosition to place the gallery title in a non-overlay position (TOP or ABOVE_THUMBS).

Also i like to know if it is possible to put the juicebox area higher on the page,
of is this a restriction of the WP theme i use?

Whether you insert your gallery's embedding code manually or use the WP-Juicebox plugin to insert a Juicebox shortcode, the gallery will appear in the content section of your page or post.
However, the location of of the page or post content will be determined by your WordPress theme.
If you like, you could post the URL to your gallery's web page.
I'll be happy to take a look and see if there is anything that you can do to move the gallery up your page.

2,269

(6 replies, posted in Juicebox-Pro Support)

As far as I am aware, the Juicebox module for Drupal does not support Picasa/Google+ as a source of images.
Please note that we did not write the module ourselves and, as such, I am not familiar with its source code and do not know how easy or difficult it might be to add such functionality.
You might like to post in the Drupal forum where the author of the module might be able to help you further.

In the meantime, here are some notes which might help.

Below is some sample PHP code which can be used to fetch images from Picasa/Google+ and display them in a Juicebox gallery.
To see the example in action:
(1) Enter your own Picasa User Id and Picasa Album Name on lines 38 and 39 of the code below.
(2) Put the code in a file named 'config.php' and place the file in your gallery folder (in the same directory as the page containing the gallery's embedding code).
(3) Add configUrl: 'config.php', to your gallery's embedding code, for example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: 'juicebox-container',
        configUrl: 'config.php'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Now just open the gallery's web page in your browser and your Picasa/Google+ images should be displayed.
(The code also uses the Picasa images's 'title' as the Juicebox image title and the Picasa image's 'summary' as the Juicebox image caption.)

You could use the baseUrl method to embed your galleries into your Drupal pages manually (please see the Embedding in a Drupal Site support section for details) and use the technique above to display your Picasa/Google+ images.
This might be easier than trying to modify the Drupal module to accept a new source of images.

Here is the 'config.php' file code:

<?php
header('Content-type: application/xml');

function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . remove_whitespace($picasa_user_id) . '/' . $term . '/' . $name . '?kind=photo&amp;imgmax=1600';
    $entries = @simplexml_load_file($picasa_feed);
    if ($entries) {
        foreach ($entries->entry as $entry) {
            $attachments[] = $entry;
        }
    }
    return $attachments;
}

function remove_whitespace($input) {
    return preg_replace('/\\s+/', '', $input);
}

function line_break($input) {
    return preg_replace('/\r\n|\r|\n/', '<br />', $input);
}

function strip_control_characters($input) {
    $output = @preg_replace('/\p{Cc}+/u', '', $input);
    return $output ? $output : $input;
}

$dom_doc = new DOMDocument('1.0', 'UTF-8');
$dom_doc->formatOutput = true;

$settings_tag = $dom_doc->createElement('juiceboxgallery');

$custom_values = array();

$custom_values['e_picasaUserId'] = 'PicasaTeam';
$custom_values['e_picasaAlbumName'] = 'VegasWeekend';

$attachments = get_attachments_picasa($custom_values['e_picasaUserId'], $custom_values['e_picasaAlbumName']);

foreach ($attachments as $attachment) {
    $media = $attachment->children('http://search.yahoo.com/mrss/');
    $media_group = $media->group;
    $image_url = $media_group->content->attributes()->{'url'};
    $thumb_url = $media_group->thumbnail[1]->attributes()->{'url'};
    $image_element = $dom_doc->createElement('image');
    $image_element->setAttribute('imageURL', $image_url);
    $image_element->setAttribute('thumbURL', $thumb_url);
    $image_element->setAttribute('linkURL', $image_url);
    $image_element->setAttribute('linkTarget', '_blank');
    $title_element = $dom_doc->createElement('title');
    $image_title = $attachment->title;
    $image_title = line_break($image_title);
    $image_title = strip_control_characters($image_title);
    $title_text = $dom_doc->createCDATASection($image_title);
    $title_element->appendChild($title_text);
    $image_element->appendChild($title_element);
    $caption_element = $dom_doc->createElement('caption');
    $image_caption = $attachment->summary;
    $image_caption = line_break($image_caption);
    $image_caption = strip_control_characters($image_caption);
    $caption_text = $dom_doc->createCDATASection($image_caption);
    $caption_element->appendChild($caption_text);
    $image_element->appendChild($caption_element);
    $settings_tag->appendChild($image_element);
}

$dom_doc->appendChild($settings_tag);

echo $dom_doc->saveXML();
?>

I hope this helps.

2,270

(3 replies, posted in Juicebox-Pro Support)

I'm glad you're getting on well with Juicebox-Pro!

2,271

(3 replies, posted in Juicebox-Pro Support)

The Splash Page's "View Gallery" text can be changed via Juicebox-Pro's splashButtonText configuration option (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).

The "Images" text (in "X Images") can be changed via the languageList configuration option.
More information on languageList can be found here.

languageList is not featured in the JuiceboxBuilder-Pro interface but you can set the option manually in the gallery's XML file or JavaScript embedding code by following the instructions here.

Change the 6th entry in the list ("Images"):

languageList=""Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of""

If you wanted to, you could switch off the "X Images" text by setting showSplashImageCount="FALSE".

I'm glad you've got it working. Thank you for letting me know.

2,273

(3 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to use the languageList configuration option to solve your problem.
Thank you for posting back to let me know.

2,274

(5 replies, posted in Juicebox-Pro Support)

Unfortunately, there is no configuration option that you can use to change the initial fade in of the gallery.
You could perhaps initially hide the 'juicebox-container' <div> using CSS and then show the gallery when Juicebox has completed initialization (when the Juicebox-Pro API onInitComplete event is fired).
Try something like the following. Create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the code below.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Juicebox-Pro Gallery</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <style type="text/css">
    body {
        margin: 0px;
    }
    #juicebox-container {
        display: none;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script>
    var jb = new juicebox({
        containerId: 'juicebox-container'
    });
    jb.onInitComplete = function() {
        $('#juicebox-container').show();
    };
    </script>
    <div id="juicebox-container"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

I'm glad you've found the solution to your problem. Thank you for posting back to let me know.

For other Juicebox-Lite users who might be reading this, showOpenButton can be found in JuiceboxBuilder-Lite's 'Customize' section.

You can open and edit a gallery with JuiceboxBuilder-Lite (without having to rebuild the gallery from scratch) but if you want to set a configuration option manually, you can add it to the gallery's XML file or JavaScript embedding code by following the instructions here.