This is just a short note to let you know that this is a support forum for the Juicebox-Pro web gallery software from SimpleViewer Inc.

From your post above, it sounds like you are referring to a 'JuiceBox' from eMotorWerks, a completely unrelated company to our own (although the product names are the same).

I do not know if they have a forum but anyone who needs to contact eMotorWerks directly for support should be able to do so via their online form here: https://emotorwerks.com/contact

In order for the Back Button to be visible on mobile devices (when Juicebox-Pro displays the gallery in Small Screen Mode), you'll need to set showSmallBackButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Back Button' section).
This should hopefully resolve your problem.

(Please note that the Back Button is displayed only on main image pages and not on thumbnail pages in Small Screen Mode.)

Unfortunately, very recently, desktop browsers have started to block the autoplay of audio (and video).
Firefox, from version 66 onwards, now blocks the autoplay of audio (and a click is required from the user to start the audio).
Likewise, recent versions of Chrome, Opera and Safari also now block the autoplay of audio.
playAudioOnLoad continues to work only in Edge and Internet Explorer 11.

Here are the release notes for Firefox 66 where this change of behavior was first noted: https://www.mozilla.org/en-US/firefox/6 … easenotes/

I have contacted the developers to let them know of this and a note regarding this change should be added to our online support documentation in the next website refresh.

Unfortunately, there is nothing that can be done from within Juicebox to override this new browser functionality.
If a user want to allow the autoplay of audio in a browser, then the browser's settings need to be changed by the user.
Please see this web page for more information regarding Chrome, Firefox and Safari.
Chrome: https://developers.google.com/web/updat … cy-changes
Firefox: https://support.mozilla.org/en-US/kb/block-autoplay
Safari: https://webkit.org/blog/7734/auto-play- … for-macos/

As unfortunate as it is, there is nothing that can be done from within Juicebox to force audio to autoplay in modern browsers any more.

I realise that this may not be the answer that you were looking for but I hope that my notes above at least explain what you have recently been experiencing.

If you are not manually embedding your gallery into an existing web page alongside other content, then you are likely using the 'index.html' web page which is generated by JuiceboxBuilder-Pro (or the Juicebox Plugin for Lightroom).
The gallery's embedding code can be found inside this 'index.html' file (and you can open the 'index.html' file in a plain text editor to view and/or modify the gallery's embedding code).

As an example, open your https://www.roatan.photos/video-slideshows/flowers/blooming/index.html file in a plain text editor and scroll down to line 24 and you'll find the following <script> ... </script> section:

<script>
    new juicebox({
        backgroundColor: "rgba(0,0,0,1)",
        containerId: "juicebox-container",
        galleryHeight: "100%",
        galleryWidth: "100%"
    });
</script>

It is this section of code that you should replace with one of the suggested code samples from my post above.
I've added your custom background color and gallery dimensions to the code samples above so you can just do a quick copy and paste without too many modifications. Just change the URL that you want to open when the last image has been reached in the following line of code:

window.location.href = 'http://www.example.com'; line.

So basically, just replace the code between the <script src="jbcore/juicebox.js"></script> tag and the opening <div id="juicebox-container"> tag in the gallery's 'index.html' file with one of the code samples above.

You're welcome!
It's a shame that there isn't a quick and easy solution to overcome the image share limitation but I hope that you've at least got things working within the design specifications.

You're welcome! I'm glad you've got it working.
Thank you for letting me know. It's most appreciated.

If you are trying to add a custom caption to just one image using the Juicebox Plugin for Lightroom, then do the following:

(1) Click the 'Library' module tab.
(2) Select the image you want to add the caption to.
(3) In the 'Metadata' section, add the following to the 'Caption' box (changing the link and/or text as appropriate):

<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>

(4) Click the 'Web' module tab.
(5) Select 'Juicebox-Pro' as the 'Layout Style'.
(6) Scroll down to the 'Image Info' section and make sure that the 'Caption' is set to {Caption»}. (This is the default value so you should not need to change anything.)
(7) Save your gallery to your hard drive via the 'Export...' button.

Step #3 embeds the caption as the IPTC Caption within the image.
Step #6 uses each image's IPTC Caption as the gallery's image caption. (Images without an IPTC caption will simply have a blank/empty caption.)

Alternatively, you could either:

(1) Open your gallery in JuiceboxBuilder-Pro (after creating it in Lightroom), click the appropriate thumbnail on the 'Images' tab and enter the caption (below) in the 'Caption' input box before re-saving the gallery on the 'Publish' tab.

<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>

... or:

(2) Edit your gallery's 'config.xml' file in a plain text editor (again, after creating it in Lightroom) and replace the image's <caption> tag manually, e.g.:

<caption><![CDATA[<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>]]></caption>

I hope my notes above help.

In order for captions to be visible, you'll need to set captionPosition to something other than NONE (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

If you do not want a separate area to be reserved for captions within your gallery (which would be empty for images with no caption text), then set captionPosition to either OVERLAY (where the caption area will overlay the bottom of the gallery's image area, spanning the width of the entire stage) or OVERLAY_IMAGE (where the caption area will overlay the bottom of the main image, spanning only the width of the main image itself).

Also, if you want the caption area to always be visible (rather than autohide after a set period of inactivity determined by the value of the inactivityTimeout configuration option), then set showImageOverlay to ALWAYS (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

Your captions are malformed.
Each <a> tag needs to have a closing </a> tag (after the text which is to be used as the link).
For example:

<a href="http://www.example.com">Link text goes here</a>

Also, imageClickMode="OPEN_URL" is a Juicebox-Pro configuration option (which can be set in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) rather than an attribute for an HTML <a> tag.
(If you want to set imageClickMode="OPEN_URL" manually by editing your gallery's 'config.xml' file in a plain text editor, then you should add the configuration option as an attribute to the opening <juiceboxgallery> tag alongside the other configuration options).

Here's a sample caption that you could add to an image on JuiceboxBuilder-Pro's 'Images' tab which would display some sample text with only the word 'here' being a clickable link.

Click <a href="http://www.example.com">here</a> to go to another web page.

I hope this helps.

There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user's browser window).

Scenario #1:
A Juicebox gallery will be responsive (and will dynamically scale with the size of the user's browser window) if the gallery's own dimensions and the dimensions of all parent containers are expressed as percentages. If there is a fixed value anywhere up the chain, then the gallery's size will become fixed (e.g. 100% x 100% x 800px = 800px).
Please note that when using percentage heights, you may need to implement the suggestion noted here.

Scenario #2:
You could use JavaScript to listen for a change in the size of the user's browser window and assign new dimensions to the Juicebox gallery if and when this happens.
An example of this can be found in the resizable galleries support section here.
Take a look at the source of this sample gallery in your browser to see how this might be achieved.

If you leave galleryHeight empty, then Juicebox will use the default value of 100% (so leaving galleryHeight empty is the same as setting galleryHeight to 100%).

If setting galleryHeight to 85% works within your own web page, then that is absolutely fine.

If you set captionPosition to BELOW_IMAGE, BOTTOM or BELOW_THUMBS, then the height of the caption area will be fixed at the maxCaptionHeight value (default value 120px). (If you set captionPosition to OVERLAY or OVERLAY_IMAGE, then the height of the caption area will be variable up to the maximum value set via maxCaptionHeight.)
You can change the value for maxCaptionHeight in JuiceboxBuilder-Pro's 'Customize -> Caption' section.

Yes. Set showImageOverlay="ALWAYS" in JuiceboxBuilder-Pro's 'Customize -> Main Image' section.

I hope my notes above help.

Your gallery sets showThumbsOnLoad="FALSE" but also sets autoHideThumbs="TRUE" so, although the thumbnail area is not displayed when the gallery is initially displayed, itis displayed when you hover over the gallery (but you also 'hide' the thumbnail images by setting maxThumbColumns="0", maxThumbRows="TRUE", thumbHeight="0" and thumbWidth="0" so only the thumbnail navigation arrows are visible).

All you need to do to disable the thumbnail area completely (and thus hide the thumbnail images and navigation arrows) is set showThumbsOnLoad="FALSE" in conjunction with autoHideThumbs="FALSE" (its default value) so that the thumbnails do not reappear on hovering over the gallery.

There are a few ways to include links within a Juicebox-Pro gallery.

You can assign a unique link (known as a linkURL) to each image in a gallery. (You can add individual linkURLs on JuiceboxBuilder-Pro's 'Images' tab).

Normally, when the 'Open Image' button (in the gallery's Button Bar) is clicked, the image itself is opened.
However, if an image has been assigned a linkURL, then the linkURL will be opened instead (in a new browser tab or the same tab, defined by the corresponding linkTarget).

Also, if you set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), then the linkURL will be opened when the main image itself is clicked.

A linkURL can be a relative URL (relative to the web page containing the gallery) or an absolute URL (in the form http://www.example.com/index.html).

Alternatively, you can include a link in an image's title or caption by using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

Check out the link to our home page (via an image caption) in the first image in this demo gallery.

If you want to include a link in only one image in your gallery, then it might be best to do so via an image caption rather than by using linkURLs and setting imageClickMode="OPEN_URL" (as you might not want other images to have active links) but I hope that my notes above give you some ideas as to how you might like to proceed.

@jasonsmith

I'm glad my suggestion helped you out.
Thank you for letting me know.

It sounds like your problem might be server-specific.
Do you see any flickering when you view this test gallery (on our own server): https://www.juicebox.net/demos/pro/full/
I do not see any flickering when I view this test gallery and navigate between thumbnail pages or image pages on my own iOS 12.3 device.

Check your web server's cache control settings.
It sounds like your web server may be set to prevent browser caching which might account for the problem you describe.

Also check your gallery's embedding page for any meta tags which might prevent browser caching.

I hope this points you in the right direction.