If you have uploaded a complete gallery folder to your web server, then you should be able to view the gallery on a web page of its own by opening the gallery's 'index.html' file (directly inside the gallery folder) in a browser.

For example, if your gallery folder is named 'juicebox_gallery' and you have uploaded the complete gallery folder to your root directory, then you should be able to view the gallery using this URL:
http://your-domain-name.com/juicebox_gallery/index.html

If you want to embed the gallery into an existing web page alongside other content, then you can use the baseUrl method of embedding documented here.

For reference, we have notes on Embedding with iWeb here which recommend using the baseUrl method of embedding.

Continuing with the example above, if your gallery folder is named 'juicebox_gallery' and you have uploaded the complete gallery folder to your root directory, then you can embed the gallery into a web page using the following embedding code (changing the gallery dimensions and background color if necessary):

<!--START JUICEBOX EMBED-->
<script src="/juicebox_gallery/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: '/juicebox_gallery/',
        containerId: 'juicebox-container',
        galleryWidth: '800',
        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 as long as your gallery folder is named 'juicebox_gallery' and has been uploaded to your root directory, then the embedding code above will work in any web page throughout your site without modification.

If you are having trouble with your domain name or do not know where to upload files on your web server so that they appear in URLs using your domain name (for example where the root directory is for your domain), then your web host should be able to help you out.

I hope my notes above help.
Please let me know how you get on and if I can be of any further assistance.
Thank you.

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

Browser caching can sometimes be a hindrance to development but it is rarely a problem that visitors to your website will encounter, as noted in the following FAQ:
When I update my gallery I don't see my changes online. Why?

No-one else has reported any issues with the forum when using Safari. Do you maybe have any browser extensions installed which might be interfering with things? If you do have any browser extensions installed, then try temporarily disabling them to see if this makes a difference. Don't worry about creating a couple of test posts. I can delete them later.

If anyone reading this thread uses Safari and has experienced any issues with the forum, please let me know in this thread (post using a different browser if necessary). Thank you.

For anyone else reading this thread, here are the suggestions I have already made to the original poster via email:

(1) Try uninstalling and then reinstalling JuiceboxBuilder-Pro but, before reinstalling the application, please delete the following files and folders manually to make sure that there is nothing left behind from previous installations.

• /Applications/JuiceboxBuilder-Pro.app/

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

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

(2) If you have any security software installed, the try temporarily disabling it (whilst both installing and running JuiceboxBuilder-Pro) to make sure that it is not somehow interfering with the application.
I would not normally recommend disabling security software but disabling it temporarily may be a useful step in troubleshooting your problem. Please do so at your own risk and disconnect from the internet before doing so.

I'm sorry to hear that neither of these suggestions has helped.
It sounds like you might have an underlying problem with Adobe AIR on your system.
To try to narrow down possible causes, try installing and running a different Adobe AIR application to see if the same problem occurs.
You can download some sample AIR applications from here: https://www.adobe.com/devnet/air/sample … cript.html

If you find that the problem happens with all AIR applications, then the problem is with Adobe AIR itself (rather than with JuiceboxBuilder-Pro). If this is the case then it might be helpful to post in the Adobe AIR forum: https://forums.adobe.com/community/air

I realise that this will not directly solve your problem but it might help to point you in the right direction.
Please let me know how you get on.

Edit #1:
Incidentally, I have found these two unanswered queries in the Adobe AIR forum which seem to accurately describe the problem that you are experiencing. (It is unlikely that either of the posters were using JuiceboxBuilder-Pro so I expect that the problem is an Adobe AIR issue of some kind.)
https://forums.adobe.com/message/5850342#5850342
https://forums.adobe.com/message/6997574#6997574

Maybe posting in the Adobe AIR forum is, indeed, the best course of action.

Edit #2:
Try creating a new user account on your computer and then try installing JuiceboxBuilder-Pro under the new user account to see if this works. Maybe there's something strange going on with your current user account.

I hope my notes above help to some degree.

Agreed. However, it sounds like you've got things under control and are doing all you can to optimize things.
Unfortunately, I don't think I can add anything which would help further. I'll certainly post back here if I think of anything.

Thanks for sharing your CSS animated loading icon, though. Very interesting... works well and looks good!

You're welcome.

I realise that it's not ideal but at least knowing the root cause of the problem, we can workaround it.

Unfortunately, if you are trying to add many images to JuiceboxBuilder-Pro at once, then Adobe AIR (the platform on which JuiceboxBuilder-Pro runs) may not be able to allocate enough memory for the task at hand. Even if your computer has plenty of free RAM, Adobe AIR applications are limited to around 1GB of memory allocation (as far as I am aware).

The workaround is to add your images in smaller batches. Trial and error will help to determine a safe number of images per batch (it will depend on your own images) but, if adding 319 images at once fails, try batches of around 150 images as a starting point.

Just as a point of comparison, I have a folder of 400 test images on my desktop and I am able to add them all at once without any problem. The number of images that you will be able to add really does depend on your own image filesizes so I can't really recommend a number. Trial and error really is the best way to determine a safe number of image to add at once.

I hope that adding your gallery images in multiple drag-and-drop actions (instead of just one) is not too much of an inconvenience, although I realise that it is not ideal.

The problem with your '2018nordart' gallery is with the images on your web server.

According to your gallery's 'config.xml' file (https://www.haselau.eu/jb/2018nordart/config.xml), the first image in your gallery should be located here: https://www.haselau.eu/jb/2018nordart/i … 202018.jpg
However, going directly to the image's URL in a web browser (bypassing Juicebox) displays a blank page instead of the image.
Going directly to the image's URL in a web browser should display the image (completely independent of Juicebox) but this does not happen so the problem is with the image on your web server rather than with Juicebox itself.

First of all, please double-check that the images have been successfully uploaded to your web server.
It looks like the blank page may actually be an error 404 (file not found) page so the images may not have been uploaded to the correct location on your web server.

Please also check out this FAQ:
My images show locally, but not when I upload them to my website. Why?

If this does not help, then the problem could be due to your image filenames containing special characters (such as "ü").

As an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

You should have no trouble (either in JuiceboxBuilder-Pro or on your web server) if your image filenames use only these web-safe characters.

With this in mind, try renaming your images to use only web-safe characters within their filenames to see if this helps.

Many thanks for the information.
Unfortunately, I'm still not entirely sure how I'd approach the problem myself.

It certainly isn't possible to dynamically remove images after a gallery has loaded.
You'd really need to catch the problem at the time the configuration data is generated or recreate fresh configuration data and reload the gallery.
If you go down the reload route (which might be preferable to having ghost images at the end of a gallery), you could perhaps hide the gallery container using CSS and show it only when everything is ready (after the first load if everything is OK or after the reload if necessary).
This is by no means ideal but it would at least look better to the site visitor.

Have you tried this and timed it in a real-world example? Maybe the time taken would be acceptable (to produce a gallery which does not need to be reloaded).

If your server reports that 0 images are available, could you maybe create configuration data, one image at a time, checking each image's existence as you go (but only if 0 images are reported)?

Also, might you be able to store your configuration data in a variable and perform some string manipulation on it (to check and remove any SVG images) before feeding it to your configUrl?

I'm really just thinking aloud here.
I don't expect to come up with a great solution for you (your workflow is quite complex and I'm not sure I completely understand all the intricacies of it) but maybe my notes above will somehow help.

Even if the gallery's configuration file is generated dynamically (on-the-fly when the gallery is displayed), it will be complete (and cannot be changed) as soon as the gallery loads (and the API can only be used client-side after the gallery has loaded, i.e. after the gallery's configuration file has been generated server-side).

The only way to remove an image from a gallery that has already loaded would be to re-generate a new configuration file and then reload the gallery (using the new configuration file).

I can't quite wrap my head around exactly what you are doing (where the images are coming from and how you would determine if an image is valid or not) so, at the moment, I can't figure out how I might set about solving your problem.

It looks like you'd need to validate your images within the script that generates the gallery's configuration file (the file that stores the image data).

Maybe if you could explain exactly how your gallery's configuration file is generated (and how the problem arises), I might be able to help further. Thank you.

It sounds like you are batch processing images in Lightroom to add IPTC data (to add the same caption text to many images at once) and then using JuiceboxBuilder-Pro's IPTC extraction ('Images -> Captions -> Use IPTC Caption') to populate all image captions at once. (I hope I have that correct. It certainly sounds like the best course of action.)
I hope that the process of adding captions to your images as metadata does not take too long.
At least it has the benefit of always having the caption associated with the image and in the future, as long as you use programs that are capable of reading metadata, you will never have to manually type in the image's caption again!

Unfortunately, there are no configuration options available to change the font size of image titles and captions.

However, you can style individual image titles and captions (for example, to change the font-size) using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

A sample caption with a font-size of 12px (for example) would look like this:

<span style="font-size: 12px;">Image caption text goes here.</span>

In the gallery's XML configuration file, the caption would look like this:

<caption><![CDATA[<span style="font-size: 12px;">Image caption text goes here.</span>]]></caption>

... but JuiceboxBuilder-Pro will automatically add the <caption> and CDATA tags so you only need to enter the <span> tag (as above) into JuiceboxBuilder-Pro.
(You can do likewise for image titles.)

Otherwise, you can set the size of all image titles and/or captions at once using CSS such as the following (changing the numeric values as appropriate):

/* IMAGE TITLE */
.jb-caption .jb-caption-title {
    font-size: 20px !important;
}

/* IMAGE CAPTION */
.jb-caption .jb-caption-desc {
    font-size: 18px !important;
}

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    font-size: 12px !important;
}

You could add this CSS to the end of your gallery's 'jbcore/classic/theme.css' file or wrap it in <style type="text/css"> ... </style> tags and add it to the end of your gallery web page's <head> section.

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