... have less space between the top and the image and the image and the thumbnails.

Please see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

With a responsive site and a percentage height gallery, you do not know what size and shape the gallery will be (it will be dependent on the size and shape of the user's browser window). However, when using imageScaleMode="SCALE_DOWN" (the default value), you can be sure that Juicebox will scale the images down so that they are displayed as large as possible without cropping within the gallery's image area.
Please note that the size of the gallery is not determined by the size or aspect ratio of the gallery images. It is determined by the gallery dimensions and, if you use percentages, then also by the layout of your page (the dimensions of the gallery's parent containers).

Hopefully the suggestions in the FAQ will help.

With regard to padding, Juicebox has several padding options: stagePadding, imagePadding, imageNavPadding and thumbPadding. stagePadding and imagePadding are set to 0 by default.

Please post the URL to your gallery so that I can take a look at the problem for myself. Thank you.

In the meantime, please see this note regarding Using Percentage Heights.
If you are using a percentage height, I would recommend that:
(1) You set the gallery's height to 100% so that the gallery fills its parent container. You can then set the height of the parent container as required.
(2) Make sure that all parent containers of the gallery have heights specified via CSS. Otherwise, Juicebox may not be ablet o calculate what its actual height should be. (For example, if you set the gallery's height to be 100%, Juicebox needs to know what its actual height should be 100% of.)

Alternatively, try setting your gallery's height to a fixed pixel value (such as '600px') instead to see if this helps.

2,778

(1 replies, posted in Juicebox-Pro Support)

If you are referring to the code in this forum post, then you can add your gallery's configuration options as attributes to the opening <juiceboxgallery > tag.
For example, you could change the line:

echo '<juiceboxgallery galleryTitle="Juicebox Gallery">';

... to something like:

echo '<juiceboxgallery galleryTitle="Juicebox Gallery thumbsPosition="TOP" autoPlayOnLoad="TRUE" captionPosition="BELOW_IMAGE">';

Alternatively, you can set configuration options in the JavaScript embedding code as noted here.

You're welcome!

To hide the thumbnails and Thumbnail Button on the Button Bar, set the following:
showThumbsOnLoad="FALSE" ('Customize -> Thumbnails')
showSmallThumbsOnLoad="FALSE" ('Customize -> Thumbnails')
showThumbsButton="FALSE" ('Customize -> Thumbnails')
showSmallThumbsButton="FALSE" ('Customize -> Thumbnails')

To have the slide show start automatically, set:
autoPlayOnLoad="TRUE" ('Customize -> AutoPlay')

You can change the imageTransitionType and imageTransitionTime in the Main Image section and you can set the displayTime in the AutoPlay section.

If you want the slide show to loop continuously, set:
enableLooping="TRUE" ('Customize -> General')

Depending on the dimensions of your gallery and images, you might also want to fill the gallery's image area by setting:
imageScaleMode="FILL" ('Customize -> Main Image')

In order for the automated slide show to display on mobile devices, you could force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting:
screenMode="LARGE"  ('Customize -> General')

2,781

(1 replies, posted in Juicebox-Lite Support)

Click the 'Change Sizes...' button in the 'Image Size' control panel on the 'Images' tab and you will be able to change the 'Quality' of the resized images. The default value is 80. The maximum value you can enter is 99.

I am not familiar with concrete5 but you should be able to embed a Juicebox gallery in one of your web pages using the baseUrl method documented here.

For example, if you uploaded a complete gallery folder named 'my_gallery_folder' to the root directory of your web space, then you could embed it in a web page using the following code:

<!--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 slash in the paths denotes your root directory so the code above should work in any web page throughout your site.

After having the XML error message cover the screen 15 times or more in LR 6, primarily while moving sliders...

The live preview window is updated each time a user interface control is changed but there should be no reason for the gallery's XML file to not be found (unless, for some reason, it is not being generated fast enough for the preview, although I have tested it on a ten-year old single-core PC with 1GB RAM and I still cannot replicate the problem).

The only small issue I found was that the main image drop shadow didn't seem to change, regardless of the settings.

The integrated browser which comes bundled with Lightroom 5 does not support certain CSS3 properties (such as 'box-shadow') so the live preview in Lightroom 5 will not be 100% accurate.
Adobe have addressed this in Lightroom 6 with much better support for CSS3 in the integrated browser and the drop-shadows in the gallery should be displayed correctly in the live preview.

2,784

(3 replies, posted in Juicebox-Lite Support)

The dimensions of the image will be determined by Juicebox depending on the size of the gallery and the imageScaleMode chosen but this really only affects the height and width dimensions of the <img> tags. Ultimately, the images are dynamically resized to fill the specified dimensions by the browser whose scaling algorithms cannot be changed.
All that can really be done is change the resolution and/or quality of the images in the gallery to see which settings provide the best results.

The output dimensions for the main images can be set via the Image Width and Image Height sliders in the Web module's 'Output Settings' section. (Scroll down to the bottom of the Web module's collapsible panels. The 'Output Settings' section can be found between the 'Image Info' and 'Upload Settings' sections.)

Edit:
I was typing as you were posting. I'm glad you found the settings you were looking for.

...no where near the Main Image Area section.

It is common practice for Web Engines (such as the Juicebox plugin for Lightroom) to put output image size controls in the 'Output Settings' section. (The 'Output Settings' section is a control panel automatically created by Lightroom and not created by the Juicebox plugin itself.) The 'Main Image' section in the Juicebox plugin reflects the configuration options found in the 'Main Image' section of JuiceboxBuilder-Pro (the configuration options found here).

Doesn't have as many controls here for output as the standalone, but at least it's there. ?

Lightroom is unable to export multiple different image sizes at once so, unfortunately, the Juicebox plugin does not support Multi-Size Images. If you want to create a Multi-Size Image gallery, you would need to open and edit your gallery in JuiceboxBuilder-Pro after creating it in Lightroom (or use JuiceboxBuilder-Pro to create your gallery).

it has been crashing quite a bit running Lightroom 6

The Juicebox plugin has been tested on and should be fully compatible with Lightroom 6. I have not seen the error message you reported in Lightroom 6 myself (and no-one else has reported it). If you find a sure-fire way to replicate the problem, please let me know what steps I can take to reproduce it and I will investigate further. Thank you.

2,786

(3 replies, posted in Juicebox-Lite Support)

Images in a Juicebox-Lite gallery are displayed using standard <img> tags (generated by the gallery's JavaScript code) and are scaled dynamically by the browser (as Juicebox-Lite uses the default value of imageScaleMode="SCALE_DOWN") so how the images look is somewhat dependent on the browser and its own scaling algorithms.
Out of interest, you might like to try using a different browser (Chrome vs Mobile Safari) to see if this makes a difference.
Perhaps the best solution would be to feed Juicebox-Lite larger images with a higher quality.
JuiceboxBuilder-Lite has default settings of 1024 x 768 at 80% quality. Try increasing these values to something like 4096 x 3072 at 90% quality (at least for testing purposes). Even if this produces images which are actually too large for a real-life gallery, if you get better results, it might hint that you would benefit from using larger resolution/higher quality images in your gallery than you currently do.
If you were using JuiceboxBuilder-Pro, I would recommend using a Multi-Size Image gallery.
Essentially, your gallery would contain up to 3 different sizes of images and Juicebox-Pro would use the most appropriate size, depending on the device being used to view the gallery. The Multi-Size Image logic also takes into account factors such as retina screens such as those on iPads.
Please see here for more details.

2,787

(1 replies, posted in Juicebox-Pro Support)

In your gallery's 'config.xml' file, you currently specify the backButtonUrl and splashImageUrl with absolute paths using http:// rather than https://
Change your paths to use https:// or scheme-relative URLs (starting with //) instead.
For example, change:

splashImageUrl="http://www.countyfairgrounds.net/images/139_10.jpg"

to either:

splashImageUrl="https://www.countyfairgrounds.net/images/139_10.jpg"

... or:

splashImageUrl="//www.countyfairgrounds.net/images/139_10.jpg"

Also, in your gallery's embedding code, change:

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

... to:

<script src="//www.countyfairgrounds.net/jbcore/juicebox.js"></script>

I notice that you have other http:// links in your web page (in your <div id="sociallinks"> container) that you may also need to change.

2,788

(5 replies, posted in Juicebox-Pro Support)

wspollack is right. There is no way to stack the thumbnails on top of the main image (overlapping it).
The thumbnails can be positioned only using the thumbsPosition configuration option (TOP, BOTTOM, LEFT or RIGHT relative to the main image).
It would not even be possible via CSS. Juicebox would not be aware of any such modification and would expect the thumbnails to be in one of the designated thumbsPosition locations. Trying to change this manually may cause problems when the gallery is redrawn (for example when the browser window is resized).

When thumbnails are hidden (via the Thumbnail Button on the Button Bar), the main image is resized to take advantage of the extra space that has become available.

The best I can suggest is that you post this idea in the Feature Requests forum thread for potential inclusion in a future version.

2,789

(5 replies, posted in Juicebox-Lite Support)

You're welcome!

2,790

(3 replies, posted in Juicebox-Lite Support)

I use Firefox 38.0.1 on my own PC and I've not had the browser or computer freeze for 15 to 20 seconds whilst loading a page containing a Juicebox gallery (even with a completely cleared cache) so the problem might be unique to your own Firefox browser.
Try temporarily disabling any extensions and plugins that you may have installed in your Firefox browser (via 'Tools -> Add-ons') and then re-enable them, one by one, to see if you can find the source of the problem.
You might also like to try refreshing Firefox by following the instructions here to see if this helps: https://support.mozilla.org/en-US/kb/re … d-settings

2,791

(5 replies, posted in Juicebox-Pro Support)

I'm glad you've solved your problem. Thank you for letting me know.

2,792

(5 replies, posted in Juicebox-Lite Support)

Thank you for providing the URL to your web page and the screenshots.

The main problem is most likely with the dimensions of your gallery.
Your gallery has a height of 100% and, if the gallery was the only element on the page, it would fill the height of the browser window. However, your page contains a header and footer and the gallery has no parent container which has been given a height via CSS so Juicebox is unable to determine what its height should be 100% of.
Perhaps the easiest fix for this would be to set your gallery's height to be a fixed pixel value instead (such as 600px).

Also, your web page has a few HTML errors and it might help to fix these. There are not many errors but they may be non-trivial (stray and duplicate Doctype Declartations, <html>, <head> and <body> tags).
You can check the code on your web page with the W3C Markup Validation Service and fix the errors reported.

The gallery title overlapping the thumbnails images is caused by certain CSS rules in your 'style.css' file.
Lines 29-35:

body, input, select, textarea {
    color: #000000;
    font-family: "Raleway", Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: 400;
    line-height: 2em;
}

Lines 328-330:

textarea {
    padding: 0.75em 1em;
}

These CSS rules apply to all 'textarea' tags on your page, including those within the Juicebox gallery. Juicebox has no option but to inherit such global CSS rules.
I would recommend that you apply your custom CSS rules to only those elements on your web page that require them through use of CSS selectors (ids and classes).

With a gallery of fixed height, the HTML errors on your page fixed and custom CSS applied only to non-gallery elements on your page, things should hopefully look better.

2,793

(5 replies, posted in Juicebox-Lite Support)

Please post the URL to your gallery so that I can take a look.
Also, if possible, please provide screenshots (perhaps upload them to your web server or a file sharing service such as Dropbox) so that I can see what you are seeing.

I would really need more information to troubleshoot (or explain) what you are reporting (e.g. the version of Juicebox you are using, the dimensions of the gallery, the dimensions of the thumbnails, the gallery configuration options, etc.)

In the meantime, here are a few notes which might help.

Please make sure that you are using the most recent version of Juicebox-Lite (v1.4.3.2) to ensure that any bugs from previous versions are not contributing to the problem.
If necessary, instructions for upgrading can be found on the Upgrading Juicebox support page.

If you are using a percentage height for your gallery, then please see this note or try using a fixed pixel height instead instead.

Do you see the problem in any of our demo galleries here?

Hopefully with a little more information, I'll be able to figure out what's going on.
Thank you.

2,794

(5 replies, posted in Juicebox-Pro Support)

Your https://www.countyfairgrounds.net/colorado/config.xml file still contains only 14 image entries.

Either:
(1) The 'config.xml' file is not being overwritten in your gallery folder when you edit the gallery with JuiceboxBuilder-Pro.
... or:
(2) The 'config.xml' file is not being overwritten on your web server.

Double-check that your new 'config.xml' file contains 15 image entries (you can open the file in a plain text editor).
If it contains only 14 image entries, then the file is not being overwritten. Check that your gallery folder is not read-only and that you do not have any gallery files open in any applications (other than JuiceboxBuilder-Pro) when you save the gallery on the 'Publish' tab. You could also try saving the new version of the gallery to a completely different folder.

If you are in any doubt that the old 'config.xml' file is being overwritten on your web server, delete it first before uploading the new version in its place.

Also, be sure to upload the new image and thumbnail to the gallery's 'images' and 'thumbs' folders.

After editing a gallery with JuiceboxBuilder-Pro, you should be able to just upload the entire gallery folder to your web server without having to manually pick out any specific files.
If you use a dedicated FTP program such as Filezilla, you could upload the entire gallery folder to your web server (to replace the old version) in a single drag-and-drop action and configure the FTP program to upload only new or updated files (to avoid having to re-upload images that already exist on the server).

2,795

(8 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad it's working as expected now. Thanks for letting me know.

2,796

(5 replies, posted in Juicebox-Pro Support)

It sounds like you have added the new image to the SEO code in your HTML page (the page which contains the gallery's embedding code). This code is used only to help search engines index the content in your gallery. Please see here for more information.
The list of images which Juicebox displays in the gallery is stored in the gallery's 'config.xml' file.
Once you have updated a gallery in JuiceboxBuilder-Pro (to add or remove images), just upload the new 'config.xml' file to your web server, replacing the existing one (and clear your browser's cache after doing so to make sure that your browser uses the most recent version).

2,797

(3 replies, posted in Juicebox-Lite Support)

What I don't like (and I'm hoping there's a workaround for?) is the way galleries are only attached to single posts/pages (correct?)—I'd like to be able to manage galleries separately, and then add them to one or more posts/pages.

The way that WP-Juicebox currently works is that each gallery is associated with a single page or post and, if the Media Library is used as a source of images, then the images attached to the page or post containing the gallery will be displayed.
Unfortunately, there is no easy solution to change the way that WP-Juicebox works.
However, rather than try to separate galleries from their pages or posts, it would be possible (with knowledge of PHP and WordPress functionality) to change the way that WP-Juicebox displays Media Library images.
One possible solution might be to tag images in the Media Library (with a third-party plugin which allows such functionality as WordPress does not natively support this) and modify WP-Juicebox so that each gallery displays only images with specified tags. However, this would require a lot of work (and it would work only with a specific tagging plugin of your choice as all tagging plugins use different terms for their tags).

Could Juicebox be tweaked in some way to pull from FooGallery galleries, like it does from NextGEN?

It would certainly be possible to extend WP-Juicebox to use a new source of images (such as FooGallery) but an in-depth knowledge of how FooGallery works would probably be required (at least knowledge of how and where FooGallery stores images or image data) and I am not familiar with this plugin.

if I had my authors use Juicebox Builder, could we upload the files directly to the CDN, and then point the embed code in Wordpress to them?

You could certainly manually embed Juicebox galleries (created by JuiceboxBuilder) in WordPress pages or posts using the baseUrl method of embedding 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.

(Our photos are coming out of Lightroom, anyway...)

As you are already using Lightroom, maybe you'd like to use the Lightroom plugin (which comes bundled within the Juicebox download zip package) to create your galleries (rather than JuiceboxBuilder). This might be better suited to your current workflow. More information about the Lightroom plugin can be found here.
I don't know if my notes above will actually help but I hope they might at least clarify a few things or point you in the right direction.

2,798

(8 replies, posted in Juicebox-Pro Support)

@NeillTaylor

When I click the Facebook share icon in your gallery, the correct image (the og:image) is being used in the pop-up window.
It sounds like Facebook (or your browser) may have been using an older, cached version of your web page.

Just for good measure, try clearing Facebook's own cache of your web page (so that the new image is used) by entering your web page's URL into Facebook's Open Graph Debugger.
Also, clear your browser's cache before reloading your web page.

Hopefully this will help.

Incidentally, the shareURL is used only by JuiceboxBuilder-Pro (and not by Juicebox-Pro itself when the gallery is displayed) to know what URL to use when populating the Open Graph tags in the index page when the gallery is created.

2,799

(496 replies, posted in Juicebox-Pro Support)

BTW, I am running v1.4.3 where can I get v1.4.3.1?

The latest version can be downloaded from the WP-Juicebox support page here.
The WP-Juicebox Version History can be found here.

2,800

(496 replies, posted in Juicebox-Pro Support)

@edwinoonk

Thank you for the suggestions.
It sounds like you are referring to WP-Juicebox. If so, you can use a transparent background by setting the Background Opacity in your gallery settings window to '0' (zero).

Also, if you wanted to reverse the order you Picasa gallery images, you could change line 105 of the 'config.php' file from:

$attachments = $Juicebox->get_attachments_picasa($custom_values['e_picasaUserId'], $custom_values['e_picasaAlbumName']);

... to:

$attachments = array_reverse($Juicebox->get_attachments_picasa($custom_values['e_picasaUserId'], $custom_values['e_picasaAlbumName']));

... although this would reverse the order for all Picasa galleries. (I understand your request for a new option to toggle this image order per gallery.)
Please note that the line number above refers to the current version of WP-Juicebox (v1.4.3.1).