351

(5 replies, posted in Juicebox-Pro Support)

When I created a new post, the Add Juicebox Gallery button is missing.

This is certainly a problem but one which I cannot replicate myself.
I've just installed WP-Juicebox v1.5.1.3 under WordPress 5.7.2 and the 'Add Juicebox Gallery' button appears to the right side of the Gutenberg toolbar (next to the 'Preview' and 'Publish' buttons) as expected.
Are you using the built-in Gutenberg editor or the Classic editor a different custom editor?

Maybe you have a plugin which is somehow interfering with WP-Juicebox's functionality.
Try deactivating all your plugins (other than WP-Juicebox) and reactivate them, one-by-one, checking to see if  the 'Add Juicebox Gallery' button appears after each one to see if you can find a plugin which is conflicting with WP-Juicebox.

When I view the post, though, it is ignoring the Pro Options and is displaying the Juicebox button in the bottom left corner of the gallery.

This is a sure sign that the update from Juicebox-Lite to Juicebox-Pro has not been successful. (The Juicebox logo does not appear in the lower right corner of any Pro galleries.)
Please try the Upgrading to Juicebox-Pro instructions again, making sure that you use the 'jbcore' folder from the Juicebox-Pro zip file and that you definitely overwrite the existing Lite 'jbcore' folder in the 'plugins/wp-juicebox' directory.

Please let me know how you get on.
Thanks!

352

(2 replies, posted in Juicebox-Pro Support)

Just a quick addition which I forgot to put in my post above...

In addition, I cannot edit the Gallery Folder listed in the address window. No cursor appears.

That in itself is not a problem. The Gallery Folder text field is not editable. It is simply a visual confirmation of the folder which has been selected via the 'Browse...' button.

353

(2 replies, posted in Juicebox-Pro Support)

It sounds like there's an underlying problem with Adobe AIR on your system.
As you are aware, clicking the 'Browse' button should open your system's native file chooser window.
I'm not sure what would prevent the file chooser window from displaying correctly but here are a few things to try:

Suggestion #1
If you have any third-party anti-virus or security software installed, then please try temporarily disabling it in case it is somehow interfering with JuiceboxBuilder-Pro's functionality.
(Please do so at your own risk and be sure to disconnect from the internet first.)

Suggestion #2
Clear all JuiceboxBuilder-Pro preferences and settings.
(1) Close JuiceboxBuilder-Pro
(2) Delete the following folders manually:

  • /Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro

  • /Users/Username/Library/Preferences/JuiceboxBuilder-Pro

(3) Run JuiceboxBuilder-Pro to see if this has resolved the problem.

Suggestion #3
Try uninstalling and then reinstalling Adobe AIR and make sure that you are using the latest version (v33.1.1.444).
You can download it from here: https://airsdk.harman.com/runtime
The problem sounds like an issue with Adobe AIR integrating with your operating system so hopefully a clean AIR installation will help.

Suggestion #4
Make sure that your operating system is up to date and that you have the most recent graphics drivers installed.

I hope that one of these suggestions helps you to resolve your problem.
Please let me know how you get on.
Thank you.

354

(1 replies, posted in Juicebox-Lite Support)

On Android, the only browsers that are officially supported are the stock browser and Mobile Chrome.
If the gallery is not your own and you are using a different browser to view it, then it may be unlikely that there is anything you can do to get it to work.

Having said that, if you can provide me with some additional information, I'll dig a little deeper and hopefully at least be able to determine why the problem is occurring. (Maybe the browser does not support external XML files, or maybe there's a syntax problem with the gallery's XML file and the browser is less tolerant towards errors than Mobile Chrome or maybe the gallery uses an older version of Juicebox with a bug it in causing the problem.)

(1) Please provide a link to the gallery in question so that I can examine it myself.

(2) Does the gallery display OK in Mobile Chrome on your device?

(3) Can you view any/all galleries on our demo galleries page in the Samsung Internet app?

(4) What is the version number of the Samsung Internet app that you are using (so that I can search the internet for any known issues)?

(5) Please check the Samsung Internet app's security settings to see if there are any options which might restrict the loading of external XML files (such as a Juicebox configuration file).

With a little more information, we should hopefully be able to get to the bottom of this issue.
Thanks!

In a comment from a Harman GitHub Issues topic a couple of hours ago, A J W Frost (Harman staff) released a link to a web page containing Windows AIR runtime installers for v33.1.1.385 (the previous version) and v33.1.1.476 (a pre-release version).

You can now download v33.1.1.385 directly from Harman (without relying on software mirror sites).
I have experienced problems with the pre-release version (v33.1.1.476) so I would recommend using the last stable version (v33.1.1.385) for the time being.

Links:

Issues topic: https://github.com/airsdk/Adobe-Runtime … -833331811
AIR v33.1.1.385 temporary download page: https://transfer.harman.com/message/BYb … oGVLJ9CpSN
Harman AIR runtime download page (still offering v33.1.1.444): https://airsdk.harman.com/runtime

356

(6 replies, posted in Juicebox-Lite Support)

In a comment from a Harman GitHub Issues topic a couple of hours ago, A J W Frost (Harman staff) released a link to a web page containing Windows AIR runtime installers for v33.1.1.385 (the previous version) and v33.1.1.476 (a pre-release version).

You can now download v33.1.1.385 directly from Harman (without relying on software mirror sites).
I have experienced problems with the pre-release version (v33.1.1.476) so I would recommend using the last stable version (v33.1.1.385) for the time being.

Links:

Issues topic: https://github.com/airsdk/Adobe-Runtime … -833331811
AIR v33.1.1.385 temporary download page: https://transfer.harman.com/message/BYb … oGVLJ9CpSN
Harman AIR runtime download page (still offering v33.1.1.444): https://airsdk.harman.com/runtime

I appreciate the additional notes (and I'm glad that you have found a workflow that works for you) but I still don't fully understand your image ordering problem. (I guess I just don't know what order you'd like your images to be in. It sounds like you're looking for a non-algorithmically-sortable custom order.)
In JuiceboxBuilder, you can automatically order images by file name or by file date (using the 'Images -> Sort' option from the drop-down menu at the top). If neither of these two ordering structures is what you are looking for, then the only two options (to achieve a custom order) would be:
(1) drag and drop images into a custom order on the 'Images' tab.
(2) rename your images in the desired order so that the file name order works.
If you're looking for a custom order, then I don't think there's a third option and if what you are currently doing (#2) is faster than the alternative (#1), then stick with it!

I tried using the Lightroom plugin, and as much as I like it, when I get to embedding the output into the pages, I continually got lost.

Embedding a gallery generated by the Lightroom plugin is the same as embedding a gallery generated by JuiceboxBuilder.
The only difference is where you get the embedding code from.
In JuiceboxBuilder, you can copy the embedding code directly from the 'Publish' tab.
For the Lightroom plugin, open the gallery's index.html' file in a plain text editor and copy everything between the <!--START JUICEBOX EMBED--> and <!--END JUICEBOX EMBED--> tags.
Everything is the same thereafter.

With regard to the semi-colon, no problem. As you suggest, a stray semi-colon will not break anything (but if we knew where it was, we could perhaps tidy up the code).

In any case, I'm glad you've been able to work around your problems and that things are going well.
Your website looks great!

I'm glad that you've got the linkURL problem sorted out. Thank you for letting me know.

I'm not sure I understand the problem you are having with image ordering in JuiceboxBuilder-Pro.
It sounds like you're happy with the workaround that you are using (the Lightroom plugin) and that's great.
Just in case it helps, though, it is possible to reorder images on JuiceboxBuilder-Pro's 'Images' tab without the need to rename any images.
You can sort image by File Name and by File Date (and also both in reverse) via the 'Images -> Sort' menu from the drop-down menu at the top.
Additionally, you can drag and drop thumbnails on the 'Images' tab into a custom order. (Ctrl+Clicking a selection of thumbnails and Shift+Clicking a block of images also works.)

With regard to embedding a gallery into an existing web page alongside other content, a gallery created by the Lightroom plugin is essentially exactly the same as a gallery created by JuiceboxBuilder-Pro.
There may be slight formatting differences (whitespace) in the output files but the gallery structure and methods of embedding are identical to one another.

You can follow the regular Embedding in a HTML Page instructions documented here for Lightroom plugin-generated galleries (just like you have done for JuiceboxBuilder-Pro galleries).
The Lightroom plugin does not present the embedding code (like JuiceboxBuilder-Pro does on the 'Publish' tab) but you can grab it from the gallery's 'index.html' file.
Just open the gallery's 'index.html' file in a plain text editor and copy everything between the <!--START JUICEBOX EMBED--> and <!--END JUICEBOX EMBED--> tags. That's the embedding code that the instructions (here) refer to in Step #3.

Alternatively, you could use the baseUrl method of embedding documented here.
This method allows you to keep the gallery as a self-contained entity in its own folder (rather than copying the contents of the gallery folder into the folder containing the page with the gallery's embedding code), but you'll need to tweak the embedding code slightly. You'll need to:
(1) Make sure that the path to the 'juicebox.js' file (in the <script> tag at the top of the embedding code) is correct.
(2) Add a baseUrl entry to the embedding code to point towards the gallery folder.
(3) Adjust the image paths in the SEO content.
Check out the instructions for an example.

3. I did look into the javascript file for errors and the only thing found was an extra semicolon that did not make any difference when it was removed, so I returned it.

Incidentally, I meant to ask, where exactly did you find the extra semicolon? As you say, it's probably not a problem but it sounds like it does not need to be there. If you could let me know where it is, I'll let the developers know. Thank you.

Sorry, when you said that you saw the "Config file not found." error in Safari, I thought that the problem might have been the local viewing issue noted in the forum thread I linked to.

On further investigation, it looks like the problem is with the use of double-quotes in some of your linkURLs (in your gallery's 'conffig.xml'; file), e.g.:

linkURL="Dunes II, oil on board, 32"H x 48"W"

The double-quote after '32' is closing off the linkURL's opening double-quote and the text after the double-quote is breaking the XML syntax.

I get an appropriate view of the intended gallery except that there are only 7 image thumbnails shown.

7 thumbnails are displayed as the first error in the XML file appears in the data for the 8th image.

A linkURL is intended to be a URL (either relative or absolute) and the link is used when the visitor clicks the Open Image button or the Download Button. (If an image does not have a custom linkURL associated with it, then Juicebox will, by default, use the imageURL instead for the Open Image button and the Download button.)
Your linkURLs are not actually links (so your Download button will not work) and, even if your linkURLs were valid links, they should not really contain double-quotes. (Stick to web-safe alpha-numeric characters for URLs and all should be well.)

Just deselect the 'Link URL' checkbox (in the 'Image Info' control panel) and that should hopefully fix your problem.

(Thank you for providing all the files and information that you have. It has certainly made troubleshooting your problem that much easier. Initially, I opened your gallery's XML file in a text editor and missed the issue. It was not until I opened your gallery's XML file directly in a browser that I saw the problem.)

My Juicebox-Pro juicebox.js file appears to have version 1.5.0. Is this a problem. All

If you like, you can upgrade to the latest version (v1.5.1). Upgrades are free within the same major version number and download links always point towards the latest version (rather than the version you purchased).
Full instructions for upgrading can be found here.

Incidentally, I've removed the link to your 'juicebox.js' file. We don't want to make it easy for non-registered users to download Pro files (even though it's an old version and a single Pro file out of context will be of little use to anyone).
I appreciate you uploading so many files for troubleshooting, though. Thanks!

Please see this forum post for an explanation and workaround.
I hope it helps.

Update:

Unfortunately, there seems to be a problem with the latest version of the AIR runtime for Windows (v33.1.1.444).
A clean install appears to be successful but does not allow any AIR applications to be installed (and AIR itself cannot be uninstalled via the Control Panel).
Likewise, an upgrade from a previous version of AIR appears to be successful but not all files are overwritten, resulting in similar problems.

I reported the problem to Harman earlier today and they have confirmed that there is a problem with the current Windows installer.
For reference, here is my report to Harman: https://github.com/Gamua/Adobe-Runtime- … ssions/788

Hopefully they will be able to fix the problem soon but, in the meantime, a suitable workaround is as follows:

(1) Uninstall Adobe AIR. If you cannot uninstall Adobe AIR via the Control Panel, then delete the following folder manually:

  • C:\Program Files (x86)\Common Files\Adobe AIR

(2) Download and install the previous version of AIR (v33.1.1.385).
Harman do not make previous versions available for download but you can still download it from here: https://www.filecroco.com/download-adobe-air/.
The file from filecroco.com is the official Harman release of AIR v33.1.1.385 (genuine, clean and safe to use).
I found the SHA256 hash for the 'AdobeAIR.exe' v33.1.1.385 file on a Harman web page archived by archive.org (search for "https://airsdk.harman.com/runtime" and select the page dated 26 January 2021) and it matches the SHA256 hash of the file from filecroco.com.

Sorry for the inconvenience but this should work fine until Harman releases a new AIR runtime for Windows.

362

(6 replies, posted in Juicebox-Lite Support)

Unfortunately, there seems to be a problem with the latest version of AIR (v33.1.1.444).
I reported the problem to Harman earlier today and they have confirmed that there is a problem with the current Windows installer.
For reference, here is my report to Harman: https://github.com/Gamua/Adobe-Runtime- … ssions/788

Hopefully they will be able to fix the problem soon but, in the meantime, a suitable workaround is as follows:

(1) Uninstall Adobe AIR. If you cannot uninstall Adobe AIR via the Control Panel, then delete the following folder manually:

  • C:\Program Files (x86)\Common Files\Adobe AIR

(2) Download and install the previous version of AIR (v33.1.1.385).
Harman do not make previous versions available for download but you can still download it from here: https://www.filecroco.com/download-adobe-air/.
The file from filecroco.com is the official Harman release of AIR v33.1.1.385 (genuine, clean and safe to use).
I found the SHA256 hash for the 'AdobeAIR.exe' v33.1.1.385 file on a Harman web page archived by archive.org (search for "https://airsdk.harman.com/runtime" and select the page dated 26 January 2021) and it matches the SHA256 hash of the file from filecroco.com.

Sorry for the inconvenience but this should work fine until Harman releases a new AIR runtime for Windows.

I've glad you've got JuiceboxBuilder-Pro up and running.
Thanks for letting me know.

I saw the same error message when trying to uninstall AIR via the Control Panel after using the AIR v33.1.1.444 installer (to either upgrade or install afresh). I, too, have full administrative rights on my own PC.
The solution for me was to manually delete the C:\Program Files (x86)\Common Files\Adobe AIR folder and then run the AIR v33.1.1.385 installer.
Even if you have already tried this, please try again. It definitely worked for me (and I've now done it many times whilst testing).

365

(5 replies, posted in Juicebox-Pro Support)

That's great! Thank you for letting me know.
Any chance you could let me know what fixed the problem? It might help if other users report a similar problem. Thanks!

@arachnid

I hear you (and agree 100%)!
I'd love to see a new version of Juicebox released soon and I, too, think that it is no longer necessary to support older versions of Internet Explorer.
Unfortunately, I am not the author of Juicebox (or JuiceboxBuilder) and I am not involved in any executive decisions (and re-writing JuicboxBuilder for a different platform (i.e. not AIR) would be a huge undertaking).

AIR seems to be a little unstable at the moment, having recently transitioned from Adobe to Harman. There are several known issues on the AIR Runtimes download page which Harman are working through (and, by the looks of things, a few unknown issues, too).
Once the Harman version of AIR settles down and becomes more stable, I feel confident that there will be fewer issues with JuiecboxBuilder.

Incidentally, for anyone else reading this thread and wondering about the use of Flash, AIR may use Flash technology internally but Juicebox itself (i.e. the galleries that you upload to your websites) does not use or rely on Flash in any way, shape or form.

367

(5 replies, posted in Juicebox-Pro Support)

Thank you for the update.
I'm sorry to hear that you are still having problems.

I now get a message from Harman...

That's normal and expected. When using the new Harman AIR runtime, you'll see the Harman splash page when running any AIR application.

Something must have happened for this problem to have occurred and if you don't remember doing anything yourself, then perhaps some other background update has somehow caused the problem.
Perhaps you could use System Restore and restore your system to a point in time before the problem first happened.

Otherwise, knowing that you've already uninstalled and reinstalled Adobe AIR, I'd now recommend a full uninstall/reinstall of JuiceboxBuilder-Pro (and JuiceboxBuilder-Lite).
Check out the procedure listed as #11 in this forum post.
Be sure to manually delete the folders listed between uninstalling and reinstalling.
This is very important. If there is corrupt data in the ELS folder, then deleting it may help to resolve the problem.

When following the procedure for JuiceboxBuilder-Lite, just replace all instances of 'JuiceboxBuilder-Pro' in the instructions with 'JuiceboxBuilder-Lite'.

368

(5 replies, posted in Juicebox-Pro Support)

I'm sorry to hear that you are having trouble with JuiceboxBuilder.
I hope my notes below help.

The first thing that I can think of which might be causing your problem is a background update to an anti-virus program.
If you have any anti-virus programs installed (e.g. Avast or AVG), then please try temporarily disabling them to see if this makes a difference. If any such program is interfering with JuiceboxBuilder's functionality, then disabling them (at least temporarily, for testing purposes) should help.
If you find that this resolves your problem, then please let me know what anti-virus software you are using and the version numbers of both the program itself and your current virus database and I will contact the company on your behalf and file a false positive report so that JuiceboxBuilder's reputation can hopefully be cleared in their next update.
(Please disable any security software at your own risk and be sure to disconnect from the internet first.)

If this suggestion is not applicable to you (if you do not use any third-party anti-virus software) or makes no difference, then I would recommend completely uninstalling and then reinstalling Adobe AIR.
As the problem happens to both JuiceboxBuilder-Lite and JuiceboxBuilder-Pro, it is unlikely that a similar problem has happened to both applications simultaneously.
It seems more likely that there is an underlying problem with Adobe AIR (the platform on which the JuiceboxBuilder runs) on your system.

There have been a few reports over the last couple of days regarding the latest version of AIR (v33.1.1.444) causing problems (the inability to install JuiceboxBuidler rather than the symptoms you report) so I would recommend using the previous stable version (v33.1.1.385) instead.
Unfortunately, Harman do not make older versions available for download on their website but v33.1.1.385 is still available here: https://www.filecroco.com/download-adobe-air/
I have confirmed that the file is genuine and clean. (I found the SHA256 hash for the file on an archived Harman web page and it matches that of the file from filecroco.)

If, for any reason, you cannot uninstall Adobe AIR (which might be the case if you have already attempted to update to v33.1.1.444), then please delete the following folder before installing v33.1.1.385.

  • C:\Program Files (x86)\Common Files\Adobe AIR

I hope this helps.

Quick update...

The file from filecroco.com checks out OK. It's clean and safe to use.
I found the SHA256 hash for the 'AdobeAIR.exe' v33.1.1.385 file on Harman's old web page archived by archive.org (search for "https://airsdk.harman.com/runtime" and select the page dated 26 January 2021) and it matches the SHA256 hash of the file from filecroco.com.

d5c8659a712145cc19b4e23ff0c731c87fefc5c100d98c963a2689c5fd97a96c *AdobeAIR.exe

(It's always best to check the hash after downloading, though, just in case the file on the server changes.)

On further investigation, it looks like there might be a problem with the latest AIR runtime released by Harman a couple of days ago (v3.1.1.444).
I ran the installer (as an update to an pre-existing version of AIR) when it was released and the update seemed to be successful, although running the installer again suggests that the update did not work (if offers to update again, rather than suggesting that I already have the most recent version).
Also, after running the update, I can no longer uninstall AIR via the Control Panel.
Scraping AIR out of my system manually and installing v3.1.1.444 afresh, I can now reproduce the "installer file is damaged" problem.
Here's a solution:

(1) Uninstall Adobe AIR. If you cannot uninstall Adobe AIR via the Control Panel, delete the following folder manually:

  • C:\Program Files (x86)\Common Files\Adobe AIR

(2) Download and install the previous version of AIR (v33.1.1.385). I found it here (https://www.filecroco.com/download-adobe-air/) (The file is reported as being 100% clean on VirusTotal but as the source of the file is not the original vendor, please install at your own risk.)

I hope this helps.

I'm sorry to hear that you are having trouble installing JuiceboxBuilder-Pro.
I hope that my notes below help to resolve your problem.

First of all, please let me reassure you that JuiceboxBuilder-Pro v1.5.1 is fully compatible with Windows 10 and Adobe AIR 33.
I'm currently using the latest stable builds of both Windows 10 (19042.906) and Adobe AIR (3.1.1.444) myself and run JuiceboxBuilder-Pro v1.5.1 without any problems.

If you are able to extract the 'juicebox_pro_1.5.1.zip' file without any errors, then it is unlikely that your 'JuiceboxBuilder-Pro.air' installation file is actually damaged.
However, if you would like to ensure that your JuiceboxBuilder-Pro installation file is not corrupt, then you can check that it has the following properties:

Name: JuiceboxBuilder-Pro.air (v1.5.1)
Filesize: 1,390,776 bytes
MD5: 1030cd51905c5e432f4d57a7bfa4e203
SHA1: 0790b8df79efaf6f0b89624884252fd07001149e

You can check the MD5 and SHA1 hashes of files with a free program such as HashCalc: https://www.slavasoft.com/hashcalc/

Having ensured that your JuiceboxBuilder-Pro installation file is not corrupt, the next thing I'd do is try the full uninstall/reinstall procedure noted as suggestion #11 in the forum post below. (Be sure to manually delete all files and folders listed in the forum post which may be left behind after an uninstall or a failed install.)

Troubleshooting JuiceboxBuilder installation and usage problems: https://juicebox.net/forum/viewtopic.php?id=5114

There are other hints and tips in the forum post which might help.
The suggestions in the post which I think are most relevant to your problem are #4 (regarding the location of the JuiceboxBuilder-Pro installation file), #9 (regarding anti-virus programs) and #10 (regarding the system clock).

With regard to #10, try setting your system clock back two years before attempting the install.
As unlikely as it sounds, it seems to have helped a couple of other users who have reported similar issues.
You can reset your clock to the correct time after the install.

I hope that these suggestions help you to successfully install JuiceboxBuilder-Pro.
Please let me know how you get on. Thank you.

The link in Readme to Adobe AIR is quite dead, but I think I found the right one on the new site.

As you have discovered, we have not yet repackaged the zip file with an updated 'readme.html' file but we have updated the link to the new AIR installer page (on Harman's website) in our online installation instructions here.

372

(3 replies, posted in Juicebox-Pro Support)

I'm glad to hear that you've settled on the easy solution!
Thank you for letting me know. I'll mark this thread as [SOLVED].

373

(3 replies, posted in Juicebox-Pro Support)

Yes, use all of the embedding code. (If you stop short of the end, you might miss the closing </div> tag of the Juicebox container and that'll break things.)

The image entries you see listed in the code are the SEO Content.
This code helps with Search Engine Optimization and also allows your gallery images to be seen in a browser where JavaScript has been disabled.
You can find out more about the SEO Content here.

SEO Content is switched on by default but if you don't need or want this code, you can turn it off by deselecting the 'Add SEO Content' checkbox in JuiceboxBuilder-Pro's 'Customize -> Sharing' section.

Incidentally, if you use a baseURL, you will need to manually adjust the image paths in the SEO Content code.
JuiceboxBuilder-Pro does not know that you will be using a baseURL at the time the SEO Content code is generated. (The SEO Content code is generated with a standard gallery structure in mind.)

374

(3 replies, posted in Juicebox-Pro Support)

Having seen your gallery, I think the problem is that you set autoPlayOnLoad="TRUE".
In Small Screen Mode, thumbnails and main images are displayed on separate pages and setting autoPlayOnLoad="TRUE" forces Juicebox to skip the initial thumbnail page and start displaying images.
You'll either need to set autoPlayOnLoad="FALSE" or set screenMode="LARGE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) to force the gallery to be displayed in Large Screen Mode on all devices and in all browsers so that you see the desktop layout on your iPhone.

Unfortunately, there are no separate autoPlayOnLoad configuration options for Small vs Large Screen Modes. There is just one autoPlayOnLoad configuration option which is shared across both screen modes.

If you really want to initiate AutoPlay in Large Screen Mode only, then you can do so with help from the Juicebox-Pro API.
With the API, you can run custom JavaScript as soon as the gallery is loaded (via onInitComplete), check which screen mode is being used (via getScreenMode) and toggle AutoPlay (via toggleAutoPlay).
Here's some sample embedding code which might help:

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(34,34,34,1)'
    });
    jb.onInitComplete = function() {
        var screenMode = jb.getScreenMode();
        if (screenMode === 'LARGE') {
            jb.toggleAutoPlay();
        }
    };
</script>
<div id="juicebox-container"></div>

If you want to initially display thumbnails in Small Screen Mode but want to initiate AutoPlay as soon as a thumbnail is selected, then that is much more complicated. You'll need to toggleAutoPlay when a  new image is displayed (via onImageChange) but only if it's the first image to be displayed from a thumbnail page. You'll need a couple of tracking variables: one to determine whether the image being displayed is the first image to be displayed from a thumbnail page and another to keep track of whether or not AutoPlay is currently on.
The following code is not fully tested but it might point you in the right direction:

<script src="jbcore/juicebox.js"></script>
<script>
    var autoPlay = false;
    var tracker = false;
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(34,34,34,1)'
    });
    jb.onInitComplete = function() {
        var screenMode = jb.getScreenMode();
        if (screenMode === 'LARGE') {
            jb.toggleAutoPlay();
        }
        if (screenMode === 'SMALL') {
            jb.onImageChange = function(e) {
                if (tracker === false) {
                    jb.toggleAutoPlay();
                    autoPlay = !autoPlay;
                    tracker = true;
                }
            };
            jb.onShowThumbs = function(showing) {
                if (showing) {
                    if (autoPlay) {
                        jb.toggleAutoPlay();
                        autoPlay = !autoPlay;
                    }
                    tracker = false;
                }
            };
        }
    };
</script>
<div id="juicebox-container"></div>

I hope this helps.

375

(3 replies, posted in Juicebox-Pro Support)

If 'jb-appliances' is your gallery folder, then your baseUrl should point towards it, i.e.:

baseUrl: 'https://apsw******k.uk/jb-appliances/',

Tip:
Hardcoding paths starting with https://apsw******k.uk/ may work only if you visit your site via https:// (not http://) and do not use the 'www' subdomain (i.e. www.apsw******k.uk).
Use a leading slash in your paths to denote your root directory and the embedding code will work on both http:// and https:// and with and without the 'www' subdirectory in the path.
This depends somewhat on how your server is configured to handle things but it's a safer (and usually more versatile) option.

<script src="/jb-appliances/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl: '/jb-appliances/jbcore/',

I used asterisks above as, having used a screenshot to display your embedding code, I expect you do not want active links to your website in this forum thread. Just replace the asterisks with your actual domain name.