It sounds like the problem you are experiencing is due to the EXIF orientation flags (metadata) embedded within your images (and some devices, most notably phones rather than dedicated cameras, do not seem to set the EXIF orientation flag correctly).

Some imaging programs such as Adobe Photoshop have the ability to read the EXIF orientation flag and display the image in the orientation specified by the flag but other programs (such as JuiceboxBuilder-Pro) do not read EXIF information and just display the image as it is.
Unfortunately, there seems to be little consistency in how the EXIF orientation flag is handled in different programs.

No matter what decision is taken regarding EXIF orientation (whether or not to use it at all and, if using it, how to interpret it), there seems to be no single solution which will work for every scenario.
This link (whilst a little out of date now) certainly makes for interesting reading.

The only way to ensure that your images will be displayed as you expect in all 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.

JuiceboxBuilder-Pro has the ability to rotate images on the 'Images' tab (see the 'Rotate' arrow near the lower right of the screen in the first screenshot on this page) so you can rotate images within JuiceboxBuilder-Pro without the need to re-save them without the EXIF information first.

I hope this helps to clarify things a little.

I'm glad you've got local viewing back in Safari. Thank you for letting me know and for posting instructions. (I've incorporated the instructions into my post above so that I can point other users to the post and have all the relevant information in one place.)

Unfortunately, there is nothing that can be done from within Juicebox to circumvent a browser's security restrictions. To allow local viewing in browsers which have this local file restriction (without changing any browser settings), Juicebox would need to change the way that it stores gallery data (and this would likely require some big changes).

With this small change to Safari 11, local viewing is, once again, possible (and Juicebox galleries can still be viewed locally in Edge and Firefox without any change of settings).

Unfortunately, Safari 11 (released 19 September 2017) has introduced a new security restriction which now prevents the local viewing of Juicebox galleries by default.

Here is the relevant quote from the Apple support page detailing the issue:

Because this development with Safari has occurred after the most recent version of Juicebox was released, Juicebox displays the "Config file not found." message instead of the more descriptive "Juicebox can not display locally in this browser." message.

It looks like a suitable workaround should be to select 'Disable Local File Restrictions' from the 'Develop' menu.

• Pull down the 'Safari' menu and choose 'Preferences'.

• Click on the 'Advanced' tab.

• Check the box next to 'Show Develop menu in menu bar'.

• Close 'Preferences'. The 'Develop' menu will now be visible between Bookmarks and Window menus.

• Pull down the 'Develop' menu and choose 'Disable Local File Restrictions'.

This should be no more of a security risk than running Safari 10 but please note that relaxing your browser's security settings should be done at your own risk.

I have notified the developers of this issue but I think there is little that can be done within Juicebox (other than to display a more descriptive error message).

As well as configuring Safari to disable local file restrictions, you should also be able to view Juicebox galleries locally in Firefox (Mac and PC) or Edge (Windows 10 users) with default settings.

Please note that this issue is specific to viewing galleries locally (from a computer's hard drive).
There is no such issue once the galleries have been uploaded to a web server where they can be viewed successfully in any modern browser (including Safari 11).

Unfortunately, pinch-zooming within a gallery can cause of lot of problems so Juicebox does its best to lock the viewport in a full page or expanded gallery to avoid as many of these potential pitfalls as possible.

Pinch-zooming can actually be quite difficult to do as the start of a pinch-zoom gesture can often be misinterpreted as the start of a swipe (navigation) gesture and it can be quite frustrating to try to pinch-zoom only to find that the gallery has changed the image.

Also, if you were to zoom in successfully, you'd likely have the same trouble trying to zoom out again, possibly more so as you may have only part of the image visible and all of what is visible has a swipe gesture associated with it. (It might be easier to zoom out if there was a static part of the web page visible where the pinch-zoom gesture would not be mistaken for anything else.)

Additionally, there is a further problem whereby repeated zooming in and out can sometimes change the height of a full page or expanded gallery. (The developers are aware of this and are looking into possible solutions.)

In order to avoid these problems, Juicebox tries to lock the browser viewport to prevent pinch-zooming in a full page or expanded gallery.
If you have an gallery embedded in a web page whose viewport is not locked, then you might find that you are able to pinch-zoom an image but I would not recommend it. It is much safer, as you suggest, to just open the image in a new window where it can be pinch-zoomed with ease.

In an ideal world, the ability to pinch-zoom an image within a Juicebox gallery would be great but the reality is that it can be really troublesome so it's best avoided if possible.

As you have discovered, if you use Flickr as a source of images, you may need to increase the flickrImageCount from its default value of 50 to a higher value (such as its maximum value of 500). (Incidentally, this maximum value is imposed by Flickr rather than Juicebox.)
In a WP-Juicebox gallery within WordPress, set flickrImageCount="500" in the 'Pro Options' text area.

I also noticed that when I check out the version number for the plugin on wordpress that is displays the older version (Version 1.5.0.1).
It sounds like you may have updated the plugin's 'jbcore' folder but not the plugin itself.
You can download the latest version of the plugin (v1.5.1) from its support page here.
(The only difference between WP-Juicebox v1.5.0 and WP-Juicebox v1.5.1 is the version of Juicebox-Lite that it comes bundled with. There is no other difference so if your plugin version is v1.5.0.1 and it uses the Juicebox-Pro v1.5.1 'jbcore' folder, then it's actually as up-to-date as it can be.)

Please see this FAQ:
How do I change the order of images from Flickr?

Please also see the flickrSort configuration option in the Flickr Pro Options.

You could also create Flickr sets (pointing towards them using the flickrSetId configuration option in the 'Pro Options' text area), in which case this FAQ should be useful:
How do I change the order of images in a Flickr Photo Set?

Set galleryTitlePosition="NONE" in the 'Pro Options' text area and your Gallery Title will not be displayed in the gallery.

galleryTitle disappears from the 'Pro Options' text area as it is a Lite option which has its own input field in the gallery settings window. (Only one galleryTitle can be entered per gallery and only the specific 'Gallery Title' input field is used.)

No problem.
I hope I've been able to clarify a few things for you.

@DSWUser

As I noted in this forum post above:

In a WP-Juicebox gallery within WordPress, set flickrImageCount="500" in the 'Pro Options' text area.
This should solve your problem.

When using the Media Library as the source of images, WP-Juicebox displays all images attached to the post or page containing the gallery.
Unfortunately, there is no way to exclude certain images (other than the featured image). WP-Juicebox does not do any image handling itself. It relies solely on WordPress's own Media Library functionality. If WordPress natively supported tagging Media Library images, it would make the ability to exclude images from a WP-Juicebox gallery much easier to implement. There are third-party plugins available which allow the tagging of Media Library images but not everyone will use the same one (and they all implement tagging slightly differently) so there's no easy way to do this.

For more control over which images are displayed in your galleries, you might like to use a different image source, such as a Flickr account.
You could upload all your images to Flickr, tag them appropriately (in the Flickr interface) and tell WP-Juicebox which images to display via the 'Flickr Tags' configuration option.
That would probably be the easiest way to achieve what you are looking to do.

Here are a few suggestions.

(1) As your gallery uses captionPosition="BELOW_IMAGE", the maxCaptionHeight is used as an absolute value. Try reducing the maxCaptionHeight slightly (as much as possible whilst still being large enough to accommodate your captions).

(2) Give your gallery's caption area a background color (perhaps a slight gradient using either captionBackColor and/or captionBackTopColor ) to reduce the amount of white space between the gallery and the following <div>.

(3) Give the following <div> on your web page a small negative top margin (e.g. style="margin-top: -10px;") to move it up the page slightly.

(4) Just in case your gallery is not completely filling the height of its parent container, try changing your gallery's height from 50% to 100% (and adjust the height of the parent container as necessary) or perhaps to a fixed value such as 600px.

Hopefully one (or more) of these suggestions will help.

If you want to try suggestion #5 (to display the captions outside the gallery) but are having problems implementing it, then perhaps you could create a test page with your work-in-progress and post the URL to it so that I can take a look at what you've got so far and hopefully help further. Thank you.

You're welcome!
I hope you get on OK with the suggestions.

I notice that you define your gallery dimensions using percentages (which is absolutely fine) but in your web page, depending on the size of the browser window, your gallery can be quite small (and there simply may not be enough space to display the full image caption).

However, here are a few suggestions which may help.

(1) You could maybe increase the initial size of your gallery on your web page (by increasing the size of your gallery's parent container). This would allow more room for the captions.

(2) I notice that your gallery currently uses screenMode="LARGE". On mobile devices (especially in portrait orientation), your gallery is displayed with limited width (and little room for the captions). If you were to set screenMode="AUTO" (the default value for this configuration option), then the Splash Page would initially be displayed on mobile devices and, when the Splash Page is tapped, the gallery would expand to fill the viewport, giving the captions more room.

(3) Your gallery currently uses captionPosition="BELOW_IMAGE". This limits the caption's width to match that of the image. If you were to set captionPosition="OVERLAY" or captionPosition="BOTTOM" instead, then the caption's width will span the entire stage (giving the captions more room when the gallery is displayed in desktop browsers).

(4) When using captionPosition="BELOW_IMAGE" (as your gallery currently does), Juicebox-Pro will use the maxCaptionHeight value as the actual (fixed) height for the caption area. If you want to continue using captionPosition="BELOW_IMAGE", then you could increase maxCaptionHeight (to a value greater than its default value of 120) to increase the height of the caption area.

(5) You could actually display your captions outside your gallery by fetching the current image's caption via the Juicebox-Pro API (specifically the getImageInfo() method) and then using JavaScript to display the caption elsewhere on your page (perhaps in a container below your gallery).
Here's an example of how this could be achieved. To see it in action, just create a sample gallery with JuiceboxBuilder-Pro (making sure to give your images some sample captions) and use the following code as your gallery's 'index.html' page.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            function escape(input) {
                return input.replace(/&/g, '&amp;').replace(/'/g, '&apos;').replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
            }
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600"
            });
            jb.onImageChange = function(e) {
                var id = e.id;
                var info = jb.getImageInfo(id);
                var caption = escape(info.caption);
                $('#output').html('<p>' + caption + '</p>');
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="output"></div>
    </body>
</html>

I hope you're able to incorporate one or more of these suggestions into your own gallery's web page.