Thanks for rapid response.

You're welcome!

BTW, I'm getting a little worried about the lack of any updates to Juicebox since 2017.

Thank you for your continued support of Juicebox-Pro.
It has, indeed, been a while since the last release but please let me reassure you that Juicebox is still actively being developed and supported.
The next version will likely be a bug-fix release, rather than introducing new features. Work has started on the next version but progress is rather slow.
Unfortunately, I do not know when the next version will be released (there is no set release schedule) so any estimate I give you could turn out to be wholly inaccurate.
I hope this at least helps to reassure you that Juicebox is still alive and well!

The 'Home' icon is the Back Button, displayed when backButtonPosition is set to either TOP or OVERLAY (and backButtonUseIcon is set to TRUE).

You can have the Back Button redirect to any web page you like by setting backButtonUrl (in JuiceboxBuilder-Pro's 'Customize -> Back Button' section).
The value for backButtonURL can be a relative path (relative to the web page containing the gallery's embedding code) or an absolute path (starting with either http:// or https://), for example:

backButtonUrl="http://www.example.com/index.html"

For reference, a list of all Back Button options can be found here.

I hope this helps.

Editing a gallery on the 'WP-Juicebox -> Manage Galleries' page will allow you to change the gallery's configuration options.

When using the WordPress Media Library as a source of images for your gallery, all image handling (including the order of the images) is done using core WordPress functionality.

When first uploading a batch of images for a gallery, the initial image order will be the order in which the images finish uploading.

If you want to reorder images in a gallery after the gallery has been created...

(1) Edit the post containing the gallery.

(2) Add a Gutenberg 'Gallery' block to the post. (This is just a temporary method of accessing the images attached to the post.)

(3) Click the 'Media Library' button (within the 'Gallery' block) to access the media window.

(4) Make sure that 'Create gallery' is the selected option (in the left side menu of the media window).

(5) Make sure that 'Media Library' is the selected tab (at the top of the media window).

(6) In the 'Filter media' drop-down menu, select 'Uploaded to this post'. All images attached to the post will be displayed as thumbnails.

(7) Drag and drop the thumbnails into the order that you'd like them to be displayed in the gallery.

(8) Close the media window (via the cross at the top right).

(9) Remove the 'Gallery' block from the post. (It is no longer required.)

There is no need to re-publish the post. The images will have been reordered internally by WordPress as soon as the Drag and drop action is finished.

If the images look to be in the correct order but are not, then just drag and drop an image out of place and then drag and drop it back into place. This will force WordPress to reorder the images internally.

Anyway, I wonder how long I'll be able to use "WP Classic" and wouldn't I just
wind up right here again?

Yes, I agree. It would be better to get to grips with WordPress 5 and new Gutenberg Editor as this seems to be the way forward and WordPress are not going to drop the Gutenberg Editor any time soon.

Your screenshot shows that WP-Juicebox is installed and active and that you've managed to add a Juicebox gallery to your post.
All you need to do now is attach images to your post (using core WordPress functionality) and Juicebox will automatically display them in the gallery.

(1) Click the 'Add Block' button (the '+' in a circle near top-left in your screenshot) to add a new Gutenberg block to your page or post.
(2) Select a 'Gallery' block. (You'll find it in the 'Media' section.)
(3) Click the 'Media Library' button within the 'Gallery' block.
(4) Drag and drop the images that you want to attach to your page or post (i.e. the images that you would like to be displayed in your WP-Juicebox gallery) from your hard drive into the media window.
(5) Wait until the images have finished uploading.
(6) Reorder the images (if necessary) by going to the 'Create Gallery -> Media Library' section (within the media window), selecting 'Uploaded to this post' from the drop-down menu and then dragging and dropping the thumbnails into the order you require.
(7) Close the media window via the cross at the top right. (Do not click the 'Create a new gallery' as this will create a native WordPress gallery in addition to your WP-Juicebox gallery.)
(8) You can now safely remove the 'Gallery' block from the post. (Using a 'Gallery' block is just a convenient method of attaching images to a post.)

WordPress does not make it easy to attach images to a post (or to see images which are attached to a post) but the above method works.

If you find you still have trouble attaching images to a post, then there are a couple of alternatives.

(1) You could use a Flickr account as the source of images for your Juicebox gallery. WordPress would then have no part in the image management of your gallery.

(2) You could choose not to use WP-Juicebox at all and, instead, create a Juicebox gallery on your computer (with JuiceboxBuilder) and manually embed the gallery into your WordPress post using the baseUrl method documented here. Here is an example of how you could do this:

Step #1
Create your gallery with JuiceboxBuilder and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web server (using an FTP program such as Filezilla).

Step #3
Create a new 'Custom HTML' Gutenberg block (in the 'Formatting' section) and paste the following embedding code (changing the gallery dimensions and background color if you like):

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

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

Incidentally, you can upload your gallery folder to anywhere on your web server as long as the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.

You can see there is nothing on the left to navigate to juicebox plug in.

You'll only see the 'WP-Juicebox -> Manage Galleries' link (shown in my screenshot in a post above) on your WordPress dashboard page (not on an 'edit a post' page such as the one shown in your most recent screenshot).
Just click the 'W' icon (the one in the circle at the top-left of your screenshot) to see the WordPress dashboard menu ath teh left of your screen. The WP-Juicebox link will be near the bottom of the list. (This will not help you to attach images to a post, though... it will only give you access to the 'Manage Galleries' page where you can edit galleries (to change configuration options) or delete galleries.)

You cannot even see there are photos associated with this editing page, yet when published, there actually IS a photo page.

That's down to the way WordPress works. The only way I've found to see the images attached to a post (whilst creating or editing a post) is to create a 'Gallery' block, check the images in the media window (accessed via the 'Gallery' block') and then remove the 'Gallery' block afterwards.
Otherwise, you can see which images are attached to which posts in the 'Media -> Library' itself (accessed via the WordPress dashboard).

I hope my notes above help somewhat.

480

(3 replies, posted in Juicebox-Lite Support)

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

481

(3 replies, posted in Juicebox-Lite Support)

This seems like a Drupal-specific gallery structure type of issue (i.e. a problem building the gallery within Drupal rather than a problem with Juicebox itself).

I'm not sure if you are using the Juicebox Module for Drupal but it sounds like you might be.
I don't know you are building your Juicebox gallery or how you'd get the paths of the images from your Lightbox Gallery into your Juicebox gallery's 'config.xml' file.

As the Juicebox Module for Drupal is an unofficial plugin which was not written by ourselves, I would recommend that you post your query in the Drupal forum where the author of the module (Ryan Jacobs) should hopefully be able to help you further.
He is active and very helpful in the Drupal forum and has a much better knowledge that I have of both the module and Drupal.

An alternative to using the module would be to create a gallery first on your computer using JuiceboxBuilder-Lite and then embed the gallery into your Drupal page using the baseUrl method of embedding following the Embedding in a Drupal Site instructions.
In doing so, you would be able to keep each gallery in its own self-contained folder (helping to keep things organized on your web server).

Here's an example of how to embed a gallery (created with JuiceboxBuilder-Liteon your computer) manually into a Drupal page.

Step #1
Create your gallery with JuiceboxBuilder-Lite and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web server (using an FTP program such as Filezilla).

Step #3
Create a new Article, select 'Full HTML' from the 'Text Format' drop-down menu and paste the following embedding code (changing the gallery dimensions and background color if you like):

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

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

Incidentally, you can upload your gallery folder to anywhere on your web server as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.

I hope this helps (or at least points you in the right direction).

and why on earth is word press so different now?

That's something that you'd need to ask in the WordPress forum. The Gutenberg Editor is certainly a complete departure from the old familiar Classic Editor.

The instructions on the WP-Juicebox support page are quite accurate and if you don't see any of the buttons mentioned in the instructions, then your WordPress installation may be the root of the problem. Perhaps you have a third-party plugin which is either changing core WordPress functionality or interfering with WP-Juicebox (or both).

Maybe the best way to proceed would be to continue using WordPress 5.4.2 (keeping WordPress up-to-date for security reasons) but revert to the Classic Editor (rather than the Gutenberg Editor).
The Classic Editor is no longer bundled with WordPress but you can download it as a plugin from here.
Once you install and activate the Classic Editor, things should look and function exactly as they did before the Gutenberg editor was introduced.

Also, I'll try to answer some of the queries from your last email in case they help with certain issues.

(5.4 I am betting; it doesnt tell us anywhere what version) .

On your WordPress dashboard page, scroll down and the version number should be displayed in the lower-right corner of the screen.

Close the media window using the cross at the top right (do not click 'Create a new gallery').

There is no cross, see photo.
AGAIN there is nothing on this support page to add a photo. There is on
the preview page, but the photo just disappears.  then I have to go to a "pun page"?
Then that just publishes this post with no photo at all.  etc.
Never seen such a convoluted attachment process that does not even work.

I think we're at cross purposes here...
When I refer to closing the media window, I am referring to WordPress's media window.
However, your response seems to be referring to attaching an image to a post here in the forum (the forum is PunBB).

How on earth are we supposed to remove the block??

I realise that you have discovered how to remove a Gutenberg block but this link might help others with the same problem.

Nope, nothing like this at all anywhere.

The lack of a 'WP-Juicebox' menu link in the left column of the WordPress dashboard suggests that the WP-Juicebox plugin may not be installed and active within your WordPress instalation. (It should be very close to the bottom of the list, just above 'Collapse menu'.)
You should be able to access the 'WP-Juicebox -> Manage Galleries' page as shown in the screenshot attached.

I hope this gives us the traditional at-home editing juicebox interface we are used to
when we build sites here on the computer at home?

It gives the same interface that WP-Juicebox has always had (for many years).

I think reverting to the Classic Editor should help.
WP-Juicebox has not changed much over the years at all.
However, Wordpress has changed significantly.
WP-Juicebox simply displays images attached to a post but attaching images to a post is core WordPress functionality and the method of attaching images to a post will differ depending on what version of WordPress you are using. (Different versions of WordPress are accounted for in the WP-Juicebox instructions.)

I hope that using the Classic editor helps to resolve your problems.

483

(1 replies, posted in Juicebox-Pro Support)

Can JuiceBox be hosted on IIS?

Yes, no problem.
A Juicebox gallery has very few server requirements. Please see here for details.

After reviewing JuiceboxBuilder, it does not appear there is a database requirement?

That is correct. Juicebox does not require or use a database at all.

484

(3 replies, posted in Juicebox-Lite Support)

You're welcome!
I'm sorry it's not the answer you were hoping for but, as you say, at least you now know what Juicebox can and cannot do.

485

(3 replies, posted in Juicebox-Lite Support)

Hi! Thank you for your interest in Juicebox!
I hope my notes below help to answer your queries (even if they may not be the answers you were hoping for).

1. Is there a setting to do that automatically rather than having to manually set the width and height of the thumbnails?

No. You must set the thumbWidth and thumbHeight manually (on the 'Images' tab of JuiceboxBuilder-Pro).

2. What do I do if the images in a particular gallery all have different aspect ratios? How do I make the thumbnails work in a manner that makes all of them look appropriate and not crop out image content?

With Juicebox-Pro, you can set the thumbnail dimensions (which is not possible with Juicebox-Lite) but all thumbnails will share the same dimensions. This cannot be changed. If images do not share a similar aspect ratio to the thumbnail dimensions, then the images will be resized and center-cropped to fill the thumbnail dimensions.

You could create your own set of thumbnails in an imaging program such as Adobe Photoshop and then swap them for the thumbnails created by JuiceboxBuilder-Pro (if you have a particular set of images which would not suit a center-crop) but this would be a lot of extra work (and all thumbnails in the gallery would still share the same dimensions).

If your gallery uses thumbnails primarily as a navigational aid (and center-cropping would be an issue), then you could choose to not actually show the thumbnails and instead just use thumb dots as shown in this demo gallery.

486

(1 replies, posted in Juicebox-Pro Support)

I'm sorry that your first experience with Juicebox has not been a positive one.
Please see this forum post for a solution to your problem: https://juicebox.net/forum/viewtopic.php?id=5128

I hope this resolves your problem.
Please let me know if you'd still rather have a refund. Thanks!

487

(3 replies, posted in Juicebox-Pro Support)

In trying out the sample demo on your site, ‘Top Left Alignment’, the gallery does resize visually to smaller main image, and clearly smaller thumb sizes, automatically.

It shouldn't (and it doesn't for me)! I've just double-checked the Top-Left Alignment demo in Chrome, Edge and Firefox. Resizing the browser window has no effect on the actual dimensions of the gallery, the main image or the thumbnails (due to the gallery having a fixed size of 1000px x 1000px). Making the browser window smaller than the gallery simply crops the gallery (and you'll not be able to see the whole gallery at once without scrolling the web page).
As I mentioned previously, the only way I can make anything in the gallery look smaller is by changing the browser's zoom scale.
I'm not sure if this is what you are doing but it's the only thing I can do to replicate what you are describing.

... and clearly smaller thumb sizes, automatically

Just to clarify, that's not something that Juicebox does under any circumstance. Thumbnail dimensions remain constant, regardless of whether or not the gallery itself is responsive. The only way to make thumbnails look smaller is by changing the browser's zoom scale.
Check out this full-page responsive demo gallery . When you change the browser window size, the dimensions of the main image will change (depending on the space available) but the dimensions of the thumbnails will not change. (The number of thumbnails being displayed will change though, depending on the space available.)

Juicebox does not use media queries to switch between Small Screen Mode and Large Screen Mode.
There are more differences between Small Screen Mode and Large Screen Mode than can be handled by CSS alone. (In Small Screen Mode, thumbnails and the main images are displayed on different pages and different configuration options are used when displaying the gallery.)
Juicebox uses JavaScript to check the device/browser being used to view the gallery and the size of the viewport.
If screenMode="AUTO" (the default value) and the gallery is being viewed on a mobile device with a screen whose largest dimension is 1000px or less, then Small Screen Mode will be used (otherwise, Large Screen Mode will be used).

I see on the demo you list "setting the screen mode option to ‘Small’". Is that setting ‘Small’ or ‘Auto’ automatically locked into the Juicebox code when the gallery is created?

By default, screenMode is set to AUTO and Juicebox will make the decision as to which screen mode to use automatically.
Take a look as this demo gallery (which uses all default settings) in a desktop browser and on a mobile device and you'll see the different screen modes being used.
However, if you like, you can force Small Screen Mode or Large Screen Mode to always be used on all devices and in all browsers by setting screenMode to either SMALL or LARGE in JuiceboxBuilder-Pro's 'Customize -> General' section.

I hope my notes above help to clarify things.
Please let me know if you have any other queries and I'll do my best to answer them for you.

488

(3 replies, posted in Juicebox-Pro Support)

Juicebox does not actually support responsive thumbnail dimensions. There is no configuration available which allows thumbnails to change size depending on the available space. The number of thumbnails displayed on-screen at any one time is responsive, though (see Note #2 below).

In all Juicebox galleries, thumbnails are always displayed at the designated thumbWidth and thumbHeight dimensions.
Space is reserved for the thumbnails in the gallery and the remaining space is used for the main image.

In the Top-Left Alignment demo, the gallery has fixed dimensions (1000px x 1000px) and is therefore not responsive at all. The gallery is always displayed at 1000px x 1000px, regardless of the browser window size. If the browser window is made smaller, the gallery is simply cropped.
The only way I can make anything in the Top-Left Alignment demo smaller is to change the browser's zoom setting (which affects all content on the page, i.e. the main image and thumbnails). Just changing the browser window size has no effect on the dimensions of the main image or thumbnails.

Bearing in mind that there is no way to make thumbnail dimensions responsive within a Juicebox gallery, here are some notes on gallery responsiveness and thumbnails which might help.

Note #1: Gallery Responsiveness

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.

Note #2: Number Of Thumbnails Displayed

When thumbsPosition is set to either LEFT or RIGHT, the number of thumbnail columns is fixed at the maxThumbColumns value whereas the number of thumbnail rows is variable (up to the maxThumbRows value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 columns of thumbnails.

When thumbsPosition is set to either TOP or BOTTOM, the number of thumbnail rows is fixed at the maxThumbRows value whereas the number of thumbnail columns is variable (up to the maxThumbColumns value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 rows of thumbnails.

@winglet

As noted above, you can change the color for all gallery text via the textColor configuration option (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).

If you want to change the color of only the image number in the caption area, then you can use the following CSS (changing the color value as necessary):

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    color: #ff0000 !important;
}

For more information on formatting image titles and captions, please see this forum thread.

490

(12 replies, posted in Juicebox-Pro Support)

@walter@web.de

Unfortunately, there is no way to show the Shopping Cart icon in Small Screen Mode. (Juicebox disables the Shopping Cart icon in Small Screen Mode as the Fotomoto window does not fit on smal-screen mobile devices.)
The only way to ensure that the Shopping Cart icon is shown is for the gallery to be displayed in Large Screen Mode (by setting screenMode="LARGE").

Maybe you could use a different Button Bar button to achieve the same effect.
If you use linkURLs instead of purchaseURLs, then the Open Image button (showOpenButton="TRUE") will open your linkURLs.
If you are already using the Open Image button (for images), then you could perhaps override a different button which you are not using (such as the Email Button).
This is not officially supported but you might like to try it.
Here's some sample code which will display the Email Button and open the corresponding purchaseURL when clicked. (It uses the Juicebox-Pro API to fetch the current's image's purchaseURL.)

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(34,34,34,1)'
        showEmailButton: 'TRUE'
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').empty();
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            var index = jb.getImageIndex();
            var info = jb.getImageInfo(index);
            var url = info.purchaseURL;
            window.open(url, '_blank');
        });
    };
</script>

You could then change the Email Button's icon to something more appropriate (see the Custom Icons support section for further details) and also change its rollover tooltip text (via the Language List configuration option).

As I noted above, overriding Juicebox's regular functionality is not officially supported and my sample code is not fully tested but it should hopefully work OK.

I hope this helps.

491

(1 replies, posted in Juicebox-Pro Support)

You're very welcome!
I'm glad I was able to help.

Take care and best wishes!

492

(3 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad that you've been able to change the font size of your Gallery Title.
Thank you for letting me know.

493

(3 replies, posted in Juicebox-Pro Support)

That's good to hear! Thank you for letting me know.

494

(3 replies, posted in Juicebox-Pro Support)

Here's a better post which describes how to change font sizes (including that of the Gallery Title).

To change the font size of the Gallery Title, just add something like the following to the foot of your gallery's 'theme.css' file (changing the values as you like):

/* GALLERY TITLE - LARGE SCREEN MODE */
.jb-area-large-mode-title {
    font-size: 48px !important;
}

/* GALLERY TITLE - SMALL SCREEN MODE */
.jb-idx-ssm-title-wrapper {
    font-size: 48px !important;
}

495

(3 replies, posted in Juicebox-Pro Support)

If a gallery is displayed in Small Screen Mode but on a screen with a pixel density of greater than 1.5 (e.g. a retina screen), then medium images are used (instead of small images). (For reference, there is a note regarding Retina Displays in the Multi-Size Image support page.)
Does this maybe account for what you are seeing?

Otherwise, how are you testing in Small Screen Mode? Are you somehow emulating a mobile device in your browser? If so, I cannot be sure that this will give accurate results.
If you want to be able to switch screen modes quickly and easily (without using a browser's developer tools), then first set debugMode="TRUE" in your gallery's 'config.xml' file' and you can then add configuration options to your gallery's URL as a query string (e.g. index.html?screenMode=SMALL). (Check out the Setting Config Options support section for details.)

If you want to change the value that is reported when Juicebox queries your screen's pixel density, then try adding something like the following to your gallery's web page:

<script>
    window.devicePixelRatio=2;
</script>

I've just checked my own Multi-Size Image gallery (with sample images which have the text "small", "medium" and "large" written on them so that I can see at a glance which images are being loaded) and things seem to be working as expected for me on my own devices.
I hope my notes above help.

496

(1 replies, posted in Juicebox-Pro Support)

There's no automated way to build a Juicebox gallery using S3 images but it is possible to display S3 images in a Juicebox gallery.
However, you'd need to create your Juicebox manually (following the Manually Creating a Gallery instructions), adding an <image> entry to the gallery's 'config.xml' file for each of your images (manually entering each image's URL for the imageURL and thumbURL).

You're welcome! I hope you get on OK.
Just let me know if you run into any difficulties and I'll do my best to help you out.

498

(3 replies, posted in Juicebox-Pro Support)

@arachnid

Good call! Thanks for sharing.

Other options to consider are MAMP, WampServer (Windows) and XAMPP.

Thank you for the additional information and the link to your gallery.
I hope that my notes below help to clarify some things.

I cant spread the page larger to read the type

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 (preventing pinch-zooming) to avoid such issues.
There is no easy solution to make Juicebox gallery images easily zoom-able. (Juicebox does not have any built-in zoom functionality.)

If you'd like to zoom into an image, then the best course of action (as you have already discovered) is to open the image on a page of its own first 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).
Once the image is displayed on a page of its own, it can be zoomed with ease (and without adversely affecting the gallery itself).
Of course, afterwards, you need to use the browser's own back button (or tab/window selection tool) to return to the gallery page (as noted below).

If I open image in a new window I can enlarge the page but not swipe.

If you click the 'Open Image' button, then you are no longer within the gallery and are simply viewing the chosen image in isolation (i.e. the browser is displaying the image on its own).

If I do nothing, the feature pictures are just too tiny to view, competing with the thumbnails.

I notice that your gallery sets screenMode="LARGE", forcing the gallery to be displayed in Large Screen Mode (where thumbnails and main images share the gallery area) on all devices and in all browsers.
If you set screenMode="AUTO" (the default value for this configuration option in JuiceboxBuilder-Pro's 'Customize -> General' section), then the gallery will be displayed in Small Screen Mode when viewed on mobile devices (and Large Screen Mode when viewed in desktop browsers).
In Small Screen Mode, thumbnails and main images are displayed on separate pages (giving the main images more space).

Also, if a gallery is embedded in a web page alongside other content and displayed in Small Screen Mode, then Juicebox will initially display the Splash Page. I mention this as you'll see the Splash Page if you set screenMode="AUTO", embed your gallery into a WordPress page and view your gallery on a mobile device.

The Splash Page is a placeholder for the gallery which is displayed by default on mobile devices when the gallery is embedded in a 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).

For more information about Screen Modes, the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.
A sample gallery using the Splash Page can be found here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section) or to always use the Splash Page (on all devices and in all browsers) by setting showSplashPage="ALWAYS". Leaving showSplashPage="AUTO" (its default value) works well for most scenarios, though.

If you chose to use the Splash Page for Small Screen Mode (on mobile devices), you can customize it (for example to change the Splash Page image or the text displayed on the Splash Page) using the Splash Page configuration options.

It's an either/or situation...

If you choose to manually embed a gallery, then you do not need to use/install WP-Juicebox at all and there is no need to use the WordPress Media Library to add images to the post.

Just follow the 3 steps in the Manual Embed instructions above exactly (nothing more, nothing less) and your gallery should display in your web page.
(Upload the complete gallery folder to your root directory and paste the embedding code into a Gutenberg 'Custom HTML' block.)

That code knows where my uploaded juicebox show is?

Yes. The first path in the embedding code points towards the 'juicebox.js' JavaScript file (inside the gallery's 'jbcore' folder) and the baseUrl entry points towards the gallery folder.
As I mentioned in the example from my previous email, as long as you name your gallery folder "my_gallery_folder", upload the complete gallery folder to your root directory and use the embedding code exactly as I posted it, everything should work fine.
You can change the name or location of your gallery folder on your web server if you like but, if you do, then you'll need to make sure that the two paths in the embedding code are adjusted accordingly.

If you do choose to use WP-Juicebox, then you'll need to create your gallery using the plugin and use the WordPress Media Library to add images to the post. (When you open the media window to add your images, you'll likely see a 'Create Gallery' button. This refers to creating a native WordPress gallery (it has nothing to do with WP-Juicebox) which you don't want to do. All you want to do is attach images to the post so, after uploading the images, just close the media window (do not press the 'Create Gallery' button).

but we cant get to the next page without going BACK!

On a mobile device, you should be able to swipe left and right to navigate through the images.
What device and browser (and version numbers) are you seeing the problem on?
Please post the link to your gallery so that I can try it for myself.

No option to add image unless I preview.

I'm not seeing any problem with the forum software at the moment (and I log in multiple times each day).
The option to add an attachment appears for me without the need to preview.
Try completely clearing your browser's cache (or try a different browser) in case this helps.
I remember once (a long time ago now), not being able to reach the 'Register' page in the forum and clearing my browser's cache helped me to resolve that problem so it's certainly something worth trying.