If you do not want the URL to display the #, set enableDirectLinks="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
FALSE is the default value for this configuration option, as seen here but your gallery currently sets enableDirectLinks="TRUE".

Incidentally, when setting enableDirectLinks="FALSE", you can still link to a specific image via a # in a URL (for example in an <a> tag) but the URL will not automatically display the # when the gallery is viewed (unless the gallery is viewed via a link with a #).

There is a problem with your gallery's 'config.xml' file.
There is a control character (not a regular text character) in the middle of the image title for the 16th image in your gallery ("14 - Potion fb.jpg").
If you view your gallery's 'config.xml' file directly in a browser (https://maelys-tremblay.fr/Galerie/inkt … config.xml), the browser will let you know at what point in the file the error occurs (Line Number 167, Column 41).
In Firefox, when I view your gallery's 'config.xml' file, I see the following (if there were no errors, you'd see the code for the whole file).

The control character is a STX (start of text) character but I do not know how it got in there (maybe you copied and pasted the image title from another source?).

In any case, if you delete the image title for image #16 ("14 - Potion fb.jpg") and enter it again (just type it in this time rather than copying and pasting from the original source), then all should be well.

Please let me know how you get on and if I can be of any further assistance.
Thank you.

@chris.jones-gill

Thanks so much for documenting and sharing this!

I've mentioned using a function to load galleries into tabs before (it's no doubt buried somewhere deep within the forum in a years-old thread) but not in this detail and not with specific reference to Bootstrap v5.1 so this is very useful.

I hope it helps other users in a similar situation.

Thanks again!

We do not offer (and have never offered) a trial of Juicebox-Pro so I'm not sure where you are getting this information.
However, we do offer a money-back guarantee. Please see the FAQ below.
FAQ: Can I try a trial version of Juicebox-Pro?

You are free to download and use Juicebox-Lite (the free version) for as long as you like. Juicebox-Lite does not have all the features that Juicebox-Pro has (please see the comparison table on the Download Page) but your Juicebox-Lite galleries will never expire.

If, having created galleries with Juicebox-Lite, you choose to purchase Juicebox-Pro, you can upgrade Lite galleries to Pro by following the instructions on the Upgrading Juicebox support page.

I hope this helps to clarify things.
Please let me know if you have any further queries.
Thank you.

You can download the latest version of WP-Juicebox (v1.5.1.4) from the plugin's own support page here.
Here is a direct link to WP-Juicebox v1.5.1.4.

The version history page is here.

With reference to the points you mentioned:
(1) The 'Create Gallery' button was added to the Manage Galleries page in WP-Juicebox v1.5.1.1.
(2) WP-Juicebox v1.5.1.3 fixed a bug whereby the 'Add Juicebox Gallery' button did not display for the Gutenberg editor in WordPress 5.6.
(3) WP-Juicebox v1.5.1.4 fixed a bug whereby the 'Add Gallery' button did not work for the Classic editor (the gallery shortcode was not added to the page/post in the 'Visual' input mode).

With this in mind, if you use WP-Juicebox v1.5.1.4, you should be able to use Gutenberg or the Classic editor (and you'll have the 'Create Gallery' button as a backup if you run into any problems).
The Classic editor is no longer bundled with WordPress but you can download it as a separate plugin from its download page here. It is still maintained by the WordPress team.

Please note that WP-Juicebox comes bundled with Juicebox-Lite (the free version), so don't forget to upgrade the plugin to use you Juicebox-Pro files by following the 'Upgrading to Juicebox-Pro' instructions here.

Please let me know how you get on and if I can be of any further assistance.
Thank you.

That's very strange indeed.

... juicebox id's have diappeared and also the nextgen images no longer seem to exist...

That sounds like two separate issues which may or may not be connected.
I see no reason why any of your Juicebox gallery shortcodes would just disappear (or, indeed, why your NextGEN Gallery images would disappear) unless something has happened on your web server and your web host has maybe had to reinstate your site from an old or incomplete backup.
Please check in with your web host to see if they have made any changes or have experienced any problems recently.
Even if they have not done anything themselves, it might be an idea to ask if they have a backup of your site that could be used to reinstate your galleries.

Could you please point me towards one of your Juicebox gallery pages so that I can inspect the code and investigate further?
Even though the gallery may not be working or displaying images, examining the page might hold a clue as to the nature of the problem.
Thank you.

... or have the galleries themselves completely disappeared from the Manage Galleries page? I don't see how this could happen without clicking the 'Delete All Data' button and clicking through the "Are you sure you want to delete all galleries, custom default values and options?" warning (or by manually deleting the contents of the 'wp-uploads/juicebox/' folder).

Have you updated the NextGEN Gallery plugin lately? Maybe they have changed something lately which has broken the interaction between WP-Juicebox and itself (although this might not explain missing images).
If so, try reverting to an older version of NextGEN Gallery, at least for testing purposes, to see if this resolves the issue.

There has been no change to the NextGEN Gallery integration code within WP-Juicebox for a while now (since v1.4.3.1, 10 releases ago) so upgrading WP-Juicebox should not make a difference in this regard.

Once I am able to see one of your Juicebox gallery pages on your web server, I should hopefully have a better idea of what might be causing your problem.
In the meantime, checking in with your web host to see if they have changed anything recently relating to your site might hold a clue, too.

Hi.

I'm sorry that it took you so long to figure out the solution to the problem but I'm glad that you found this thread.

I've now stickied this topic so that it at least appears at the top of the 'Tricks and Tips' forum.

That would, indeed, be the ultimate solution but, unfortunately, development is rather slow at the moment.

I'll contact the developers and see if there is any other way to increase relevant traffic to this thread.

Thanks.

Thank you for providing the link to your gallery.

I think the problem is that your gallery's embedding page does not contain a Doctype Declaration.
It is important that each and every web page includes a Doctype Declaration (at the very top of the HTML document) to inform browsers of the set of standards that the code on the web page should conform to.
Looking at your gallery's web page ('camp3.htm'), it would appear that the most suitable Doctype would be HTML 5 so just add the following line of code at the very top of your 'camp3.htm' web page (and all other web pages within your site if they do not already contain a Doctype Declaration).

<!DOCTYPE html>

Make sure that the Doctype Declaration is the very first thing on the page (without even any whitespace before it), before the opening <html> tag.
More information about Doctype Declarations can be found here.

According to your gallery's 'config.xml' file, the first image in your gallery should be located here: https://www.jacksonforest.com/Logging_P … cn0122.jpg
However, going directly to that location in a browser (bypassing Juicebox), results in an error 404 (file not found).
Make sure that your images have been uploaded to the correct location on your web server and make sure that their permissions are not too restrictive. (Default permissions of 644 for folders and 755 for files should be fine.)

Also, if you have done any manual editing to your gallery's 'config.xml' file, check that the image filenames in the configuration file (the imageURL entries) exactly match the actual image filenames (in the 'images' folder), paying close attention to files extensions (lowercase vs uppercase) as, on a case-sensitive web server, .jpg is not the same as .JPG.

Also, try not to use spaces in your folder names (such as 'Photos_ North'... there's a space after the underscore) as, when in a URL, they need to be escaped (a space will likely show up as '%20' if you copy and paste the URL) and this can cause confusion (and sometimes problems).
Stick with web-safe alpha-numeric characters in the names of any files and folders that you upload to your web server and all should be fine.
Please see section 2.3 of this document for details.

I hope these notes help you to resolve your problems.
Please let me know how you get on and if I can be of any further assistance.
Thank you.

The short answer to both your queries is 'No'.
When clicking the Open Image button, Juicebox simply opens the image directly in a new browser tab.
This is the crux of the matter: it is just the image that is opened, not a web page containing the image.
There are no HTML tags into which a caption could be placed and, therefore, no <title> tag into which a custom browser tab title could be placed.
(This is why the image filename is used as the browser tab title. The image is the only element in the browser tab and the only thing that the browser can use for any content.)

The more elaborate answer to both your queries is 'Yes, but not easily'.
As you may have gathered from my answer above, you'd need to override the default handling of the Open Image button and use custom code to build a simple web page which will display the image and its caption (and allow a custom browser tab title to be used).

Here's an example of a possible solution.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and use the code below as the gallery's 'index.html' file.
This example first overrides the default handling of the Open Image. It then uses the Juicebox-Pro API to fetch the current image's caption, title and URL and then uses this information to build a basic web pageto be displayed when the Open Image button is clicked.
The image title is used for the browser tab title, the image is displayed (at its actual size) and the caption is displayed (in unstyled text) below the image. This is just a basic web page which you can use as a starting point and expand upon if you like.

<!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">
            var jb = new juicebox({
                containerId: "juicebox-container",
                showOpenButton: "TRUE"
            });
            jb.onInitComplete = function() {
                $('.jb-bb-btn-open-url').empty();
                $('.jb-bb-btn-open-url').off('click');
                $('.jb-bb-btn-open-url').on('click', function() {
                    var index = jb.getImageIndex();
                    var info = jb.getImageInfo(index);
                    var caption = info.caption;
                    var title = info.title;
                    var url = info.imageURL;
                    var win = window.open('', '_blank');
                    win.document.write('<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>' + title + '</title></head><body><img src="' + url + '"><p>' + caption + '</p></body></html>');
                    win.document.close();
                });
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

As Juicebox was not designed with this in mind, it's not perfect. For example, it won't work from an expanded gallery.
However, I hope it helps somewhat and maybe points you in the right direction.

If you are using JuiceboxBuilder-Pro to create your galleries and use the 'index.html' pages that Juiceboxuilder-Pro generates, then you can add your custom <meta> tags to the template file that JuiceboxBuilder-Pro uses to generate the 'index.html' pages.

Here's the file that you'll need to modify:
Mac: /Applications/JuiceboxBuilder-Pro.app/Contents/Resources/template/index.html
Windows: C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html

Open the file in a plain text editor and add your custom <meta> tags somewhere between the <head> and </head> tags.

If you want to prevent browsers from caching your gallery's XML file, then try defining your gallery's XML file with a unique identifier (e.g. the current time which will be different each time the browser loads the page) using the configUrl option in your gallery's embedding code.

In the 'index.html' template file (location above), add the following code on a line of its own immediately after line 27 (new juicebox({).

configUrl: 'config.xml?nocache=' + new Date().getTime(),

If the caption area is positioned on the overlay (captionPosition="OVERLAY" or captionPosition="OVERLAY_IMAGE"), then the caption area will dynamically grow or shrink to accommodate the caption text up to a maximum height determined by maxCaptionHeight (default value 120px).

If the caption area is positioned anywhere else (captionPosition="BELOW_IMAGE", captionPosition="BOTTOM" or captionPosition="BELOW_THUMBS"), then the caption area will always be at a fixed height determined by maxCaptionHeight .

If you don't mind your caption text overlapping the images, then set captionPosition="OVERLAY" or captionPosition="OVERLAY_IMAGE" and increase the value for maxCaptionHeight.
(The overlay can be toggled on and off as long as showImageOverlay="AUTO").

For reference, short descriptions of all configuration options in bold above can be found on the Config Options support page.

If you want to actually change the font size for the caption text, then please see this forum post:
Changing font size of image titles and captions (and gallery title)

I hope this helps.

You're welcome!

I'm really glad that you've found a solution that you're happy with.
Thank you for letting me know.

Just for clarification, it looks like Apple introduced Fullscreen API support (including the 'Exit Fullscreen' button) on the iPad in iOS 12 so, if you wanted to do a conditional check on the version of iOS being run, then iOS 12 or later is what you'd be looking for.

Here's a quote from Apple's Safari 12 Release Notes page: