I think I know what the problem is.

A gallery's 'config.xml' file holds image size information and when you load a gallery, the image size information held in the 'config.xml' file will be used (or gallery default values, rather than custom default values, if image size information is not explicitly specified).

Custom default values will work only if you create a gallery from scratch using JuiceboxBuidler-Pro.

Try saving custom default values and then close and reopen JuiceboxBuilder-Pro and check the image sizes (click 'New Gallery'). You will probably find that they are your own values.

One possible way to workaround this would be to add the image size information to your gallery's 'config.xml' file before you open the gallery in JuiceboxBuilder-Pro.

As you initially create your galleries with the Lightroom plugin, you could add the image size information to all your gallery 'config.xml' files by adding the required configuration options to the template file that the plugin uses to create the XML files.

Open the 'juicebox_pro.lrwebengine/config.xml' file in a plain text editor and add the following on line 34 (currently a blank line just below "<juiceboxbuilder"), changing the values as required.

maxImageWidth="1024"
maxImageHeight="768"
imageQuality="80"

thumbWidth="85"
thumbHeight="85"
thumbQuality="90"

useSmallImages="true"
smallImageWidth="800"
smallImageHeight="600"
smallImageQuality="80"

useLargeImages="true"
largeImageWidth="2048"
largeImageHeight="1536"
largeImageQuality="80"

Each time a new gallery is created with the Lightroom plugin, the image sizes will be in the 'config.xml' file ready for JuiceboxBuilder-Pro.

This problem is due to some custom CSS code in your 'colorado.css' file which is overriding the gallery's own CSS, specifically lines 683 - 695:

#sidebar h3 {
 font-size:12px;
 color:#990000;
 font-weight:bold;
 margin:5px 70px 2px 70px; 
 background-color:white;
 border-style:inset;
 border-width:1px;
 border-color:#400000;
 padding-top:1px;
 padding-bottom:1px;
 padding-left:20px;
}

Juicebox uses an <h3> tag for the Splash page and the Juicebox gallery is nested within the #sidebar container so the gallery is inheriting the rules above. Try applying your custom CSS rules to only those elements on your web page which require them by using further CSS selectors (ids or classes).

Yes. If all your galleries share a single 'jbcore' folder, then you would just need to update that single 'jbcore' folder to upgrade all your galleries when a new version of Juicebox is released.

All you need to do is upload a single instance of the 'jbcore' folder and point each gallery's embedding code towards it.
If you choose to upload your 'jbcore' folder to this location:  http://www.countyfairgrounds.net/jbcore
... then you can start each gallery's embedding code with the line:

<script src="/jbcore/juicebox.js"></script>

That is absolutely fine. It does not matter where the 'jbcore' folder is located on your web server as long as the path in the embedding code points towards it correctly.

Your Colorado gallery currently uses the 'jbcore' folder in the 'colorado' directory but you could change the following (on the 'colorado.php' page):

<script src="jbcore/juicebox.js"></script>

... to:

<script src="/jbcore/juicebox.js"></script>

... for the Colorado gallery to use the shared 'jbcore' folder in your root directory instead (and then you could safely delete the 'jbcore' folder from the 'colorado' directory).

I have just double-checked this functionality and it works OK for myself in JuicboxBuilder-Pro v1.4.3.

Please ensure that you are using the latest version of JuiceboxBuilder-Pro (v1.4.3).
If necessary, instructions for upgrading can be found here.

Also, after clicking 'Save Defaults' and then clicking 'OK' in the 'Save Image Size Defaults' pop-up window, be sure to click 'OK' in the 'Set Image Sizes' parent window (the window with the 'Save Defaults' text).

If your WordPress widget accepts HTML code (like the standard Text widget does), then there is no reason why you cannot paste your gallery's embedding code in there.
If embedding a gallery into a widget, I would recommend using the baseUrl method of embedding as documented here.
This will prevent problems with knowing where to upload your gallery files to as the baseUrl will define the path to the gallery folder.
Essentially, the baseUrl method allows you to keep all the gallery files inside the gallery folder and you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into your widget. It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
For example, you could upload a gallery folder (in this example named 'web') to your web space's root directory and paste the following code into your widget.

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

(The leading slash in the paths denotes your root directory.)

Please see these two FAQs which should hopefully help.
How do I change the order of images from Flickr?
How do I change the order of images in a Flickr Photo Set?

Please note that flickrSort is a Pro-only configuration option (which is not supported by Juicebox-Lite).

Unfortunately, Juicebox was not designed with such functionality in mind and trying to implement it (especially within a Drupal environment) would be quite difficult.

The only way I have been able to achieve this is as follows:

(1) Create a sample gallery with JuiceboxBuilder-Pro
(2) Set imageClickMode="OPEN_URL" (so that the corresponding linkURL is opened when the image is clicked)
(2) Set all your linkURLs (in the gallery's XML file) to linkURL="javascript: func();" (to run the JavaScript func() function in the gallery's index page when the image is clicked)
(3) Set all your linkTargets (also in the gallery's XML file) to linkTarget="_self"
(4) Use the following code as your gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="minimal-ui" />
        <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",
                galleryHeight: "400",
                galleryWidth: "600",
                imageClickMode: "OPEN_URL",
                showExpandButton: "TRUE"
            });
            var fullscreen = false;
            jb.onExpand = function(expanded) {
                fullscreen = expanded;
            }
            function func() {
                if (!fullscreen) {
                    jb.toggleExpand();
                }
            }
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

This would be difficult to implement within Drupal (even more so when using the Juicebox module) and there may be problems that might need to be overcome. (This will not work in conjunction with a baseUrl and nothing happens when you click an image once the gallery has been expanded.)

If you decide to proceed further, I hope that my suggestion above points you in the right direction but I would recommend that you use the Expand Button only to expand the close the gallery.

It certainly sounds like the problem was with the version of JuiceboxBuilder-Pro which you have installed on both your computers (v1.4.0). I think the problem you were experiencing might have been caused by the following bug (in relation to the issue raised in this Adobe forum thread) which was fixed in JuiceboxBuilder v1.4.1 (both Lite and Pro).

Please see the Version History for a full list of changes between versions.
Hopefully, all will be well now that you have JuiceboxBuilder-Pro v1.4.3 installed.

First of all, please try upgrading JuiceboxBuilder-Pro to the latest version (v1.4.3) to ensure that any bugs which were present in previous versions but which have since been fixed are not contributing to your problem.
Instructions for downloading the latest version and for upgrading JuiceboxBuilder-Pro can be found here.

If you are trying to add many images at once, Adobe AIR 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.
If the images you are currently trying to add to your project are much larger than images you have used in the past, then this might be a possible cause for your problem. This might account for not being able to add large batches of images at once but would not explain the maximum of 14 images. This sounds more like JuiceboxBuilder-Pro might be trying to process a corrupt image and then just gets stuck. Maybe there is a corrupt image somewhere within your batch of images. Try adding the images in a different order to see if JuiceboxBuilder-Pro always gets stuck on the same image.

Also, try installing and using JuiceboxBuilder-Lite (which comes with Juicebox-Lite) to see if the problem happens with both the Lite and Pro applications. JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can be installed and run side by side on the same computer without any issues. Juicebox-Lite can be downloaded from the link on this web page.

Maybe something has happened to your JuiceboxBuilder-Pro installation which is causing the problem and a clean install might help. If all is well with JuiceboxBuilder-Lite but the problem continues with JuiceboxBuilder-Pro, then you might like to try re-installing JuiceboxBuilder-Pro from scratch.

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind by manually deleting the following folders from your hard drive (if they exist):
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Program Files (x86)\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\My Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows Explorer: http://windows.microsoft.com/en-gb/wind … dden-files

(3) Next, search your hard drive for the term 'JuiceboxBuilder-Pro' and delete any and all entries found (to be absolutely sure that nothing remains).

(4) Reinstall JuiceboxBuilder-Pro following the instructions here.

If you continue to experience difficulties, then it might help if I could see the problem for myself. If you like, please zip your images, upload the zip file somewhere and provide a download link so that I can try to replicate the problem myself and hopefully help further.

Also, please let me know exactly what happens when you say "it's only allowing me to add images by dragging them one at a time". Do you see any error messages on screen? If so, what do they say?

Yes. That is correct. A WP-Juicebox gallery will display all images attached to the page or post containing the gallery (except the featured image if the 'Include Featured Image' checkbox is deselected).
You could certainly use images from a different source (such as a Flickr account).
You could also choose to not use WP-Juicebox and, instead, create a gallery with JuiceboxBuilder-Pro and embed the gallery in your WordPress page or post manually using the baseUrl method of embedding as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress post (ensuring that the method of entry is 'Text' rather than 'Visual'). It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

Thank you for the suggestion.
Unfortunately, there are several different plugins which allow Media Library images to be tagged and they all do it differently so WP-Juicebox would need to support each plugin with this functionality individually.
I agree that it would be great if WordPress natively supported tagging images in the Media Library (without the need for a third-party plugin). Then WP-Juicebox could support tagging without having to request that users install a particular plugin.

To answer your query regarding adding and removing images, you can add images to a WP-Juicebox gallery by attaching them to the post containing the gallery. You could edit the post, click the 'Add Media' button and drag and drop your new images into the media window. Just close the media window after they have finished uploading. (There is no need to update the post itself.) Otherwise, you could upload your new images directly to the Media Library and attach them to the post (on the Media Library page). To remove images from a WP-Juicebox gallery, just unattach the images from the post (on the Media Library page) or delete the images from the Media Library.

I'm glad I was able to point you in the right direction.
Incidentally, you could also use DOM techniques to build up a gallery's XML file rather than just echoing the required output. Either would work fine.
If you plan to use PHP and want to use DOM techniques, then the following should get you started. You'll need to create loops for setting configuration options (as attributes to the opening <juiceboxgallery> tag) and for iterating over images (and also extract the relevant data from your source) but this should give you the required structure for a Juicebox gallery's XML file.

<?php
header('Content-Type: application/xml');

$dom_doc = new DOMDocument('1.0', 'UTF-8');
$dom_doc->formatOutput = true;

$settings_tag = $dom_doc->createElement('juiceboxgallery');

// Do this for each configuration option (loop)
// Need to define $key, $value
$settings_tag->setAttribute($key, $value);

// Do this for each image (loop)
// Need to define $image_url, $thumbnail_url, $link_url, $link_target, $image_title, $image_caption
$image_element = $dom_doc->createElement('image');
$image_element->setAttribute('imageURL', $image_url);
$image_element->setAttribute('thumbURL', $thumbnail_url);
$image_element->setAttribute('linkURL', $link_url);
$image_element->setAttribute('linkTarget', $link_target);
$title_element = $dom_doc->createElement('title');
$title_text = $dom_doc->createCDATASection($image_title);
$title_element->appendChild($title_text);
$image_element->appendChild($title_element);
$caption_element = $dom_doc->createElement('caption');
$caption_text = $dom_doc->createCDATASection($image_caption);
$caption_element->appendChild($caption_text);
$image_element->appendChild($caption_element);
$settings_tag->appendChild($image_element);

$dom_doc->appendChild($settings_tag);

echo $dom_doc->saveXML();
?>

I do not know how likely this is to be implemented but I would certainly encourage you to post suggestions for future versions in the Feature Requests thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.

You can create individual galleries using JuiceboxBuilder-Pro.
An overview of JuiceboxBuilder-Pro can be found here and the User Guide can be found here.

Once you have built your galleries, you can view the source of the View Resizable Gallery with Top Menu Example web page in a browser and copy or modify it to suit your own needs (swapping the sample galleries for your own).

Alternatively, you might like to try the following.
Create as many individual galleries as you like and name the gallery folders 'gallery1', 'gallery2', etc.
Use the following code as an HTML file, place the file in the same directory as all your gallery folders and open the file in a browser. Each of your galleries will be represented by a link at the top of the page (using the Gallery Title as the link text) and you can switch between galleries using the links. The Gallery Description is used as the footer. You can edit the HTML file to change the 'Multiple Galleries' page title or the style of the page (e.g. colors) if you like.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="minimal-ui" />
        <style type="text/css">
            html, body {
                height: 100%;
                overflow: hidden;
            }
            body {
                background-color: #222222;
                margin: 0px;
            }
            #header {
                background-color: #222222;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                padding: 10px 0px;
                text-align: center;
                width: 100%;
            }
            #page {
                font-size: 30px;
            }
            #menu {
                padding: 10px 40px 0px 40px;
            }
            #footer {
                background-color: #222222;
                bottom: 0px;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                left: 0px;
                position: relative;
                text-align: center;
                width: 100%;
            }
            #wrap {
                margin: 0 auto;
                width: 80%;
            }
            .gallery {
                cursor: pointer;
            }
            a.gallery:hover {
                color: #888888;
            }
        </style>
        <script type="text/javascript" src="gallery1/jbcore/juicebox.js"></script>
        <script type="text/javascript">

            // Initialize Juicebox object variable name
            var jb;

            // Function to process all galleries
            function doProcess(counter) {
                $.get('gallery' + counter + '/config.xml', function(data) {

                    // Build gallery folder name
                    var name = 'gallery' + counter;

                    // Create space between links
                    if (counter > 1) {
                        $('#menu').append($('<span />').html('&nbsp;&nbsp;&nbsp;'));
                    }

                    // Fetch Gallery Title from gallery XML file
                    var title = $.trim($(data).find('juiceboxgallery').attr('galleryTitle')) || 'Untitled';

                    // Fetch Gallery Description from gallery XML file
                    var description = $.trim($(data).find('juiceboxgallery').attr('galleryDescription')) || '';

                    // Add link to Document Object Model and register click handler to run loadGallery and doLayout functions when link is clicked
                    $('#menu').append($('<a />').attr('id', name).addClass('gallery').html(title).click(function() {
                        loadGallery(name, description);
                        doLayout();
                    }));

                    // Initially load first gallery
                    if (counter === 1) {
                        loadGallery(name, description);
                    }
                }).done(function() {

                    // Process next gallery
                    doProcess(++counter);
                }).fail(function() {

                    // Display message if no galleries found
                    if (counter === 1) {
                        $('#menu').append($('<span />').text('No galleries found.'));
                    }

                    // Show header and footer when all galleries have been processed
                    $('#header, #footer').show();

                    // Layout page and resize gallery
                    doLayout();
                });
            }

            // Function to layout page and resize gallery
            function doLayout() {
                var windowHeight = parseInt(window.innerHeight ? window.innerHeight : $(window).height());
                var headerHeight = parseInt($('#header').outerHeight(true));
                var footerHeight = parseInt($('#footer').outerHeight(true));
                var galleryHeight = windowHeight - headerHeight - footerHeight;
                $('#wrap').height(galleryHeight);
                if (jb) {
                    var galleryWidth = parseInt($('#wrap').innerWidth());
                    jb.setGallerySize(galleryWidth, galleryHeight);
                }
            }

            // Function to load gallery, underline selected link and display Gallery Description in page footer
            function loadGallery(base, desc) {

                // Load gallery
                jb = new juicebox({
                    backgroundColor: "#222222",
                    baseUrl: base + "/",
                    containerId: "juicebox-container",
                    galleryHeight: "100%",
                    galleryWidth: "100%"
                });

                // Underline selected link
                $('.gallery').css('text-decoration', 'none');
                $('#' + base).css('text-decoration', 'underline');

                // Display Gallery Description in page footer
                $('#description').css('padding', desc ? '10px 40px' : '0px').html(desc);
            }

            // Run following when Document Object Model is complete
            $(document).ready(function() {

                // Enter Page Title here
                var page = "Multiple Galleries";

                // Display Page Title in browser tab
                document.title = page;

                // Display Page Title in page header
                $('#page').html(page);

                // Hide header and footer until all galleries have been processed
                $('#header, #footer').hide();

                // Process all galleries
                doProcess(1);

                // Register resize handler to run doLayout function when browser window is resized
                $(window).resize(doLayout);
            });
        </script>
        <title></title>
    </head>
    <body>
        <div id="header">
            <div id="page"></div>
            <div id="menu"></div>
        </div>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
        <div id="footer">
            <div id="description"></div>
        </div>
    </body>
</html>