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.