976 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and set a linkURL for your main image. In JuiceboxBuilder-Pro, just click the corresponding thumbnail on the 'Images' tab and you'll see the place to enter your LinK URL at the bottom of the window.

When imageClickMode="OPEN_URL", normally Juicebox-Pro will open the imageURL (the image itself) in a new tab but if the image has a linkURL assigned to it, then the linkURL will be opened instead.

If you manually edit your gallery's 'config.xml' file, then the <image> entry might look something like this:

<image imageURL="images/image_0001.jpg"
    thumbURL="thumbs/image_0001.jpg"
    linkURL="images/image_0001.jpg"
    linkTarget="https://www.google.com/maps?q=37.819722,-122.478611">
    <title><![CDATA[Image title text goes here.]]></title>
    <caption><![CDATA[Image title text goes here.]]></caption>
</image>

Otherwise, you can add a link to an image title or caption using HTML formatting (or more specifically an HTML <a> tag) as noted in this FAQ:
How do I add HTML formatting to image captions and titles? - https://www.juicebox.net/support/faq/#custom-3

You could enter HTML such as the following into JuiceboxBuilder-Pro's interface:

<a href="https://www.google.com/maps?q=37.819722,-122.478611">Click here to view in Google Maps.</a>

If you manually edit your gallery's 'config.xml' file, then you'll need to wrap the HTML inside <![CDATA[ ... ]]> tags and the <title> (or <caption>) entry might look something like this:

<title><![CDATA[<a href="https://www.google.com/maps?q=37.819722,-122.478611">Click here to view in Google Maps.</a>]]></title>

I hope this helps.

Go to forum: Juicebox-Pro Support

977 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

I'm not sure what the problem might have been but I'm glad that you have been able to resolve it.
Thank you for letting me know.

There is really no reason why a gallery created with JuiceboxBuilder-Pro should result in a "Config file not found." message (unless you are viewing your gallery locally in Safari 11, in which case please see this forum post for details).

If you encounter the problem again, just post a link to your gallery (like you did above) so that I can see the problem for myself and investigate further. Thanks!

Go to forum: Juicebox-Pro Support

978 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You can set your gallery's background to be transparent by setting the Background Color Opacity (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) to '0' (zero).

When setting the Background Color in JuiceboxBuilder-Pro, the application sets the backgroundColor configuration option in the gallery's embedding code (presented on the 'Publish' tab and in the gallery's 'index.html' file) instead of in the gallery's 'config.xml' file.

You can easily add a backgroundColor entry to your own gallery's embedding code.
Use backgroundColor: "rgba(0,0,0,0)" to make your gallery's background transparent. (It's the 4th '0' (the alpha channel in the rgba notation) that actually makes the background transparent.)
(Be sure to separate all options within the embedding code with commas.)

For example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(0,0,0,0)"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

Go to forum: Juicebox-Pro Support

979 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The problem was related to case sensitivity.

I glad that you've been able to find and resolve your problem.
Thank you for letting me know. It's most appreciated.

P.S. Let me say furthermore that - also as per previous experience - the Juicebox support is top-notch ! Thank you.

You're welcome! (And thanks for saying so!)

Go to forum: Juicebox-Pro Support

980 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

According to your gallery's 'config.xml' file, the first image in your gallery should be located here: http://vande.ch/photos/ItalyCroatia/Pic … a_0001.jpg
However, going directly to that location in a browser (bypassing Juicebox) results in an error 404 (file not found).

Here are a few suggestions which should help to resolve your problem.

(1) Please double check that your gallery's 'images' and 'thumbs' folders (and the image files inside them) have been uploaded to the correct location on your web server. The 'images' and 'thumbs' folders should be directly inside your '/Pics/' folder.

(2) If the image files are in the correct location on your web server, then please check their permissions (and the permissions of the 'images' and 'thumbs' folders themselves) to ensure that they are not too restrictive. Default file permissions of 644 for files and 755 for folder should be fine. You should be able to check and change permissions using either a dedicated FTP program such as Filezilla or via your web hosting account's online file manager. If you have trouble checking and changing file and folder permissions on your web server, then your web host should be able to help you out with this.

(3) Please also see this FAQ which deals with the problem you describe and has an additional suggestion (to check that the imageURL and thumbURL filenames listed in the 'config.xml' file exactly match the actual image filenames, taking care with case-sensitivity, i.e. lowercase vs uppercase, as .jpg is not the same as .JPEG).
My images show locally, but not when I upload them to my website. Why?

I hope that these suggestions help to resolve your problem.
Please let me know how you get on.

Go to forum: Juicebox-Pro Support

981 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

We do not provide any hosting services or web space at all.

When you purchase Juicebox-Pro, we provide the installation file for JuiceboxBuilder-Pro (a desktop application to create and edit Juicebox-Pro galleries on your computer), the Juicebox-Pro plugin for Lightroom (a web engine to create Juicebox-Pro galleries within Adobe Lightroom) and the Juicebox-Pro files (to create Juicebox-Pro galleries manually if you like).

Once you have created a gallery on your computer, you would need to upload it to a web server somewhere so that the gallery is publicly visible on the internet.
We do not provide any hosting services but there are many web hosts that offer free web space which would be suitable for hosting Juicebox galleries. (Juicebox galleries do not require any special web server requirements, with the exception of Password Protection and the Download Button which require PHP 5.2.0 or later. Please see here for details.)
Try a web search with terms such as 'free web hosting' but please bear in mind that with a free hosting account, you may get little or no support, less reliability (more server down-time) and fewer features.

I hope these notes help to clarify things for you.
Please let me know if you have any further queries and I'll do my best to help you out.

Go to forum: Juicebox-Pro Support

982 Reply by Steven @ Juicebox

(20 replies, posted in Juicebox-Lite Support)

OK, I will post a request nonetheless.

Thank you for posting your suggestion in the Feature Requests thread.

Thanks for all your help, man.

You're welcome!

... if that's OK?

I'll certainly help you out if I can but if your queries are not directly related to Juicebox, then I might be limited in the support that I'm able to give you. I hope you understand.

I find the MDN web docs a very useful reference  to web technologies (e.g. HTML, CSS and JavaScript). Take a look around the site and your find guides, tutorials and examples which should hopefully help you out.
You might also like to take a look at the W3Schools site. It's not quite as comprehensive as the MDN site but it's sometimes easier to find a quick example there.

Go to forum: Juicebox-Lite Support

983 Reply by Steven @ Juicebox

(20 replies, posted in Juicebox-Lite Support)

I really do not know how feasible it would be to implement trouble-free pinch-zooming alongside the existing swipe gesture that is already used on mobile devices for navigation.
The best I can suggest at the moment is that you post your suggestion in the Feature Requests forum thread where is will be seen (and considered) by the developers. Thank you.

Go to forum: Juicebox-Lite Support

984 Reply by Steven @ Juicebox

(20 replies, posted in Juicebox-Lite Support)

There are many difference between HTML 4.01 and HTML 5. Please see here for details.
However, if you do not need any of the new HTML 5 elements and your web page contains valid HTML 4.01 code (under the HTML 4.01 Doctype Declaration), then there should be no problems (although, going forward, I would recommend using HTML 5 where possible, especially if you are creating a new web page from scratch).

Unfortunately, I do not know of any other web gallery software that would allow you to pinch-zoom images.
I'm not saying that no such software exists, just that I do not know of any.
(Also, I'm not just saying this to avoid promoting any competitors: I really do not know of any.)
I guess a web search would be your best course of action.

Go to forum: Juicebox-Lite Support

985 Reply by Steven @ Juicebox

(20 replies, posted in Juicebox-Lite Support)

I'm glad to hear that using thumbFrameColor has resolved your problem.
Thank you for letting me know.

Unfortunately, there is no easy solution for pinch-zooming within a gallery. (If there was, I would gladly have shared the solution with you.)

With regard to the HTML errors on your web page, the two that refer to Juicebox ('required attribute "TYPE" not specified') are because the embedding code is HTML 5 and your web page currently uses the HTML 4.01 Transitional Doctype Declaration. (The 'type' attribute is required for <script> tags in HTML 4.01 Transitional but not in HTML 5.)
To fix those errors, you could either:

(1) Change your web page to use the HTML 5 Doctype Declaration (instead of HTML 4.01 Transitional) by changing the following code at the very top of your web page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

... to:

<!DOCTYPE HTML>

... or:

(2) Add the 'type' attribute to the <script> tags by changing:

<script src="jbcore/juicebox.js"></script> 
<script>

... to:

<script src="jbcore/juicebox.js" type="text/javascript"></script> 
<script type="text/javascript">

If you choose Option #1 above, then be sure to revalidate your web page with the new Doctype Declaration in place (in case there is code on your web page which is valid under HTML 4.0.1 Transitional but not valid under HTML 5).

To solve the character encoding warnings, just add the following line of code immediately after your web page's opening <head> tag.

<meta http-equiv="content-type" content="text/html; charset=utf-8">

Many of the other errors are due to the use of <ul> (unordered list) tags without any corresponding <li> tags.
As an example, change:

<ul>
    <a href="../../../../info/index.html"><span>INFO</span></a>
</ul>

... to:

<ul>
    <li>
        <a href="../../../../info/index.html"><span>INFO</span></a>
    </li>
</ul>

Your custom data-* attributes (such as 'data-height') are not likely to cause any problems but it should be noted that data-* attributes are new to HTML 5 (please see here for details) and, therefore, are not listed as errors under the HTML 5 Doctype Declaration.

Adding 'alt' attributes to <img> tags is trivial but worth doing if only to avoid seeing validation errors.

I hope this helps.

Go to forum: Juicebox-Lite Support

986 Reply by Steven @ Juicebox

(20 replies, posted in Juicebox-Lite Support)

Hi, first of all I'm really sorry for not responding to your last post...

No problem!

Is there any way I can test with Safari, do you know, please?

Try a web search with terms such as "browser compatibility testing tools" or take a look at this Stack Overflow forum thread for some suggestions. The general consensus of opinion seems to suggest that the best solutions would be to either use BrowserStack (not free) or run MacOS X Server in a Virtual Machine environment (such as VirtualBox).
However, I would recommend that you check the code on your web page with the W3C Markup Validation Service and fix any errors reported.
Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers and if your web page looks good and behaves well in all browsers that you have access to, then there is a high likelihood (although not 100%) that it will look and behave similarly in other browsers (such as Safari), too.

... is it possible to change the colour of the thumbSelectedFrame

You can change the thumbnail frame color via thumbFrameColor (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) but there is no distinction between a regular thumbnail frame and a selected thumbnail frame. There are no configuration options to set different colors for selected vs regular thumbnail frames.
You might be able to set a selected thumbnail frame color (independent of the regular frame color) via CSS, though.
Try adding the following (either within <style> ... </style> tags in your web page's <head> section or at the end of your gallery's 'jbcore/classic/theme.css' file) and change the color as required (this example uses fully opaque red):

.jb-thm-thumb-selected .jb-idx-thb-frame {
    border-color: rgba(255,0,0,1) !important;
}

I cannot be sure that this is a completely robust solution (as Juicebox-Pro was not designed with this in mind) but it seems to work OK in my own tests.

... how to enable pinch and zoom for touchscreens when in fullscreen mode

Unfortunately, it can be very difficult to pinch-zoom within a Juicebox gallery as a pinch-zoom gesture can often be misinterpreted as the start of a navigation swipe within the gallery so, for a full-page or expanded gallery, Juicebox locks the viewport of the web page to avoid such issues.
If you'd like to zoom into an image, I would recommend that the image be opened on a page of its own first. You can allow users to open an image on a page of its own either via the gallery's 'Open Image' button (by setting showOpenButton="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Lite' section) or by tapping/clicking the main image (when setting imageClickMode="OPEN_URL" in the 'Customize -> Main Image' section). (Please note that showOpenButton is supported by both Juicebox-Lite and Juicebox-Pro but imageClickMode is a Pro-only option.)
Once the image is displayed on a page of its own, it can be pinch-zoomed with ease (and without adversely affecting the gallery itself).

I hope these notes help.

Go to forum: Juicebox-Lite Support

987 Reply by Steven @ Juicebox

(496 replies, posted in Juicebox-Pro Support)

@wspollack

I'm not sure of the netiquette of reiterating a request.

No problem at all!
I really don't know which suggestions will be picked up and implemented in future versions but there is no problem with your repeated request. Thank you for your continued interest in Juicebox.

Go to forum: Juicebox-Pro Support

988 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

Many thanks for posting the screenshot. It's most appreciated.

Summary of thread - Instructions to open an existing gallery in JuiceboxBuilder (to edit it):

(1) Click the 'Open Gallery...' button on the 'Start' tab (or select 'Gallery -> Open...' from the drop-down menu at the top of the application).

(2) In the pop-up 'Select Gallery Folder...' dialog window:
Mac - Navigate towards and then double-click the gallery folder.
Windows - Navigate towards and then select (with a single left-click) the gallery folder (not a file within the gallery folder) and click the 'Select Folder' button.

The gallery folder is the folder which contains the gallery's XML file and the gallery's XML file must be named 'config.xml'. (If you have renamed or moved this file, then the gallery will not be able to be opened by JuiceboxBuilder.)

Go to forum: Juicebox-Lite Support

989 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

It sounds like JuiceboxBuilder just fires up the system's native file chooser rather than creating a custom one which would look identical on all systems (which I'm not even sure is possible within Adobe AIR).
This would explain the difference you describe.

Unfortunately, it looks like your screenshot was not successfully attached to your last post.
It might be helpful for other users to have a record in the forum of what the 'Select Gallery Folder...' dialog window looks like on a Mac so I'd be very grateful if you could try to attach your image again.
Thank you (and thanks again for sharing the double-click trick on the Mac).

Go to forum: Juicebox-Lite Support

990 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The Splash Page itself seems to be responsive (in both the horizontal and vertical dimensions).
The problem seems to be just with the display of the image within the Splash Page.

Your 'main.css' file contains some global CSS rules which the Splash Page is inheriting and which is affecting the display of the Splash Page image.
For example, on line 1319 of your 'main.css' file is the following code:

*, *:before, *:after {
    box-sizing: inherit;
}

This CSS rule is being applied to all elements on your web page (including those within the Juicebox gallery) and seems to be responsible for truncating the right-hand side of your Splash Page.
It is difficult for Juicebox to protect itself from such global CSS rules and I would recommend that you apply CSS rules to only those elements on your web page which require them through use of CSS selectors (ids and classes).
It looks like there may be other global CSS rules in your 'main.css' file (being applied to all instances of certain HTML elements) which may be affecting the display of your Splash Page so it would certainly be worthwhile checking this out.

Also, your web page seems to have breakpoints (where the layout of your web page changes with a jump when the browser window dimensions cross certain thresholds).
If you find that the Splash Page does not resize as expected when these breakpoints are crossed, then you might need to put your gallery's embedding code into a JavaScript function and call the function (to reload the gallery) each time a breakpoint is crossed (and after your custom code has assigned new dimensions to the containers on your web page).
For example:

<script src="jbcore/juicebox.js"></script>
<script>
    function loadGallery() {
        new juicebox({
            containerId: "juicebox-container",
            galleryWidth: "100%",
            galleryHeight: "100%",
            backgroundColor: "#222222"
        });
    }
</script>
<div id="juicebox-container"></div>

Then, each time you want to load or reload the gallery (when the web page is initially loaded and each time a breakpoint is crossed), you can call the JavaScript loadGallery() function.

Incidentally, using dimensions of 70% means that the gallery (or in your case the Splash Page) will not fill the parent container (and this can result in blank space to the right-hand side and below the gallery or Splash Page).
You might like to consider using dimensions of 100% (so that you can be sure that the gallery or Splash Page fills the parent container) and then size the parent container on your web page accordingly (using CSS).

I hope that these suggestions help.

Go to forum: Juicebox-Pro Support

991 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

From that instruction I was expecting a button in the dialogue that says "Select Folder"...

There is a button labelled 'Select Folder' within the 'Select Gallery Folder...' pop-up dialog window (see screenshot attached).

Double-clicking the gallery folder within the 'Select Gallery Folder...' pop-up dialog window does not work on my Windows 10 PC. It just takes me inside the gallery folder (which does not help in the process of trying to open a gallery in JuiceboxBuilder).
Selecting the gallery folder (via a single left click) and then clicking the 'Select Folder' button works fine.
Maybe double-clicking the gallery folder works as a shortcut on your system but selecting the gallery folder and clicking 'Select Folder' should work on all systems.

Regardless, I'm glad to hear that you've been able to resolve your problem.
Thank you for letting me know.

Go to forum: Juicebox-Lite Support

992 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

I want to open the gallery I just created (and uploaded successfully, ta-dah)...

If you have uploaded a complete gallery folder to your web server, then you should be able to view the gallery on a web page of its own by opening open the 'index.html' file (from directly inside the gallery folder) in your browser.
For example, if your gallery folder is named "my_gallery" and you have uploaded the complete gallery folder to the root directory of your web space (in this example, on a domain named "example.com"), then the gallery can be viewed by entering this URL in your browser's address bar: http://example.com/my_gallery/index.html

... there's no files in there that can be opened directly by JB.

You can view a Juicebox gallery by opening the gallery's 'index.html' page in any modern browser (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari).
Otherwise, you can embed the gallery into an existing web page (following the embedding instructions here) and open that web page in a browser instead.

If you are trying to open an existing gallery in JuiceboxBuilder-Lite (for example to edit it), then you need to click 'Open Gallery...' (or 'Gallery -> Open...' from the drop-down menu at the top) and then navigate towards and select the gallery folder itself (not a file within the gallery folder) before clicking 'Select Folder'. The gallery folder is the folder which contains the gallery's XML file and the gallery's XML file must be named 'config.xml'. (If you have renamed or moved this file, then the gallery will not be able to be opened by JuiceboxBuilder-Lite.)

I hope this helps to clarify things.
Please let me know how you get on and if I can be of any further assistance.
Thank you.

Go to forum: Juicebox-Lite Support

993 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Both options (using the Splash Page and creating your own image link) are just as robust as each other (and both are valid HTML 5 options).

It's really just personal preference as to which option you choose to use.
The Splash Page option involves embedding the gallery into your web page (see here for details) but once this is done, you can configure the Splash Page (the image and text displayed) via the available Splash Page Options without the need for any further manual coding.

However, there's absolutely nothing wrong (in terms of design and/or code validity) with just manually creating a plain and simple image link to a gallery's 'index.html' page if that's what you'd rather do.

If you are still undecided, you could always try both approaches and see which one you prefer/which one works best for you within your own website.

Go to forum: Juicebox-Pro Support

994 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

It's unfortunate that you are unable to add all your images at once but it's a simple enough workaround that gets the job done.
I'm glad it works for you. Thank you for letting me know.

Go to forum: Juicebox-Pro Support

995 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

I'm sorry to hear that you are having problems with JuiceboxBuilder-Pro.
Hopefully my notes below will help.

First of all, it might help to know exactly how the error message is triggered.
Does the error message occur as soon as you click the 'New Gallery' button or is there a set of steps that seems to cause the problem (and if so, what are they)?

If the error message occurs when you try to add many images to JuiceboxBuilder-Pro at once, then Adobe AIR (the platform on which JuiceboxBuilder-Pro runs) may not be able to allocate enough memory for the task at hand. Even if your computer has plenty of free RAM, Adobe AIR applications are limited to around 1GB of memory allocation. The workaround is to add your images in smaller batches.

If this is not the case, then try uninstalling and then reinstalling JuiceboxBuilder-Pro to see if this helps.
Please follow the procedure below.

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind (even from a failed installation) by manually deleting the following folders (if they exist) from your hard drive:
Mac:
/Applications/JuiceboxBuilder-Pro.app/
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro
Windows:
C:\Program Files (x86)\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

(4) Reinstall JuiceboxBuilder-Pro following the instructions here.

(I realise that you are using a Windows PC but I've included notes for Mac above, too, in case any Mac users are experiencing similar issues and are reading this forum thread.)

Hopefully this will help.
If not, then try uninstalling and reinstalling Adobe AIR itself, too.
You can download the latest version (v30.0) from here.

Also, it might help to check the Windows Event Viewer.
There should be an entry in the 'Windows Logs -> System' section corresponding to the crash. (The easiest way to find the relevant entry is to take a note of the time of the crash and look for entries around that time in the log.)
If you highlight the relevant entry, then the details displayed in the 'General' and 'Details' tabs should help to pinpoint the exact cause of the problem.
If you post these details in this forum thread, I might be able to help further.

However, hopefully a complete uninstall and reinstall of JuiceboxBiilder-Pro will solve your problem.

Go to forum: Juicebox-Pro Support

996 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

It's certainly very strange that the problem manifested itself in only your gallery when viewed in Safari 11.1.1, especially when an identical test gallery (except for the gallery image and hosting web server) did not demonstrate the problem in the same browser.

However, I'm glad that everything seems to be OK at the moment with your new configuration options.
If you encounter the problem again, please let me know (just post back here) and I will ask the developers to investigate further. Thank you.

Go to forum: Juicebox-Pro Support

997 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Thanks for the video and additional information.

Unfortunately, as the problem happens only in a browser that I do not have access to (and, therefore, I cannot replicate the problem myself), I'm going to need your help to troubleshoot further.

Here's a test gallery using exactly the same configuration options that your gallery uses except for the value of emailAddress . (I've removed your email address from the test gallery.)
The test gallery even uses a baseUrl as your gallery does (with the same folder name) and also has the same dimensions and background color.
Also, both galleries (yours and mine) use the same version of Juicebox-Pro (v1.5.1).

The only two differences between your own gallery and mine should be:
(1) the images in the galleries
(2) the web server that the galleries are hosted on

Test Gallery: [Link removed.]

Please take a look at this test gallery in Safari 11.1.1 to see if you still see the problem.
This might help to narrow down the root of the problem and eliminate certain factors.

Also, are you able to update to the latest version of Safari (11.1.2) just in case the problem is somehow unique to Safari 11.1.1?

If this turns out to be a browser-specific bug in Juicebox-Pro (which it looks like it might be), I may not be able to solve your problem immediately but, once I've gathered as much information as possible, I can at least contact the developers who will investigate further.
Thank you.

Go to forum: Juicebox-Pro Support

998 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

You could just upload the video you your web server and post a link if you like.

In order to troubleshoot further, try displaying your gallery on a page of its own (just use the 'index.html' file generated by JuiceboxBuilder-Pro) rather than viewing it embedded in your web page (alongside all your other content).
Does the problem still happen (in your Safari browser) when you view the gallery in isolation?

Also, here's a full page demo gallery and an embedded demo gallery (on our own web server) both featuring thumbnails with rounded corners.
Do you see the problem (in your Safari browser) in these galleries (or just your own)?

If the problem does not happen when you view the gallery on its own or in our own demo galleries, then the problem may be some kind of CSS and/or JavaScript conflict originating from the custom code on your embedding page.
If this is the case, then duplicate your web page (to use for testing purposes) and then remove different parts of your custom code bit-by-bit (checking the gallery's behavior afterwards) until the thumbnail corners become stable and you find the root of the problem.

I hope this points you in the right direction.

Go to forum: Juicebox-Pro Support

999 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It sounds like your problem could be resolved by using the gallery's Splash Page.
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a web page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window) and may may too small to be usable.
The Splash Page is essentially an image link for the gallery which displays an image (by default, the first image in the gallery) and some text.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the browser window (giving the images more space to be displayed).
More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.
Here is a demo gallery featuring the Splash Page.

To always use the Splash Page in your gallery (not just when the gallery is displayed on small screen devices), set showSplashPage="ALWAYS" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Then, just embed the gallery in your web page following the instructions in the Juicebox Embedding Guide.
The Splash Page will be displayed in your web page at the gallery dimensions (galleryWidth and galleryHeight) and, when the user clicks or taps the Splash Page, the gallery will be expanded to fill the browser window.

You can configure the Splash Page further using the available Splash Page Options.

Otherwise, you could just upload the entire gallery folder to your web server and create a manual image link to your gallery's 'index.html' file inside the gallery folder (which displays the gallery on a page of its own).
For example:

<a href="path_to_gallery_folder/index.html"><img src="path_to_gallery_folder/mages/image0001.jpg" width="600" height="400" alt="image" /></a>

I hope this helps.

Go to forum: Juicebox-Pro Support

1,000 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

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

I have viewed your gallery in Edge, Chrome 67, Firefox 61.0.1, Internet Explorer 11 and Opera 54.0 (on a Windows 10 PC).
The rounded corners on the thumbnails seem stable in all the browsers I've noted above. (I've not yet seen the rounded corners change to rectangular corners in any of these browsers.)

The only problem I encountered was when viewing your gallery in Safari 5.1.7 (the last version of Safari for the PC).
(I do not currently have access to a Mac so cannot view your gallery in the latest version of Safari.)
In Safari 5.1.7, the thumbnails all have rectangular corners (and are stable as such) but this is probably due to Safari 5.1.7 being woefully out-of-date now (released May 2012) and having limited (or no) support for CSS 3. (Apparently, Safari 6.1 and earlier did not apply border-radius correctly to image borders, as noted here.)
My results in Safari 5.1.7 are essentially of no relevance but I include them here simply for the sake of completeness and because Safari is the only browser that you see the problem in (albeit most likely a different version).
Out of interest, what version of Safari are you using?

There are really only a couple of things that spring to mind that I would try myself.

(1) Try resetting your Safari browser (clearing the cache and temporarily disabling all extensions) to see if this helps.

(2) Try validating your web page with the W3C Markup Validator and fix any errors reported.
I notice that your web page has several errors (many are trivial, others not so) and fixing the errors so that code on your web page validates correctly should help your web page to be displayed with greater consistency and predictability across different browsers.
For example, I notice that your web page has some HTML code (loading 6 external JavaScript files) after the closing </html> tag. (This code should be inside either the <head> ... </head> section or the <body> ... </body> section of your web page.)

I hope my notes above help somewhat, even though I'm not currently able to see (or replicate) the problem myself (which makes troubleshooting that much more difficult).

Go to forum: Juicebox-Pro Support