It sounds like you might be setting expandInNewPage="FALSE". There is a known bug whereby setting expandInNewPage="FALSE" will change the scale of the embedding web page. This bug will hopefully be fixed in the next version of Juicebox but, in the meantime, try setting expandInNewPage="TRUE" instead to see it this makes a difference.

3,727

(5 replies, posted in Juicebox-Pro Support)

Thank you for the additional information.
I have now been able to replicate the problem. It seems to happen in IE8 and IE9 when imageTransitionType="SLIDE" (the default value for this configuration option).
I have logged a bug report with the developers and it should hopefully be fixed in the next version of Juicebox.
In the meantime, it looks like a suitable workaround would be to set imageTransitionType to something other than SLIDE (FADE, CROSS_FADE or NONE).

3,728

(2 replies, posted in Juicebox-Pro Support)

I have just checked your gallery and it does not display a Back Button (backButtonPosition="NONE" is correctly entered in your gallery's 'config.xml file).
If you still see a Back Button in your gallery, then your browser is likely to be hanging onto and using an older version of your gallery's 'config.xml' file.
Please clear your browser's cache before reloading your web page to ensure that your browser is fetching and using the most recent gallery files from your web server. This should solve your problem.

Please see this FAQ:
When I update my gallery I don't see my changes online. Why?

3,729

(2 replies, posted in Juicebox-Pro Support)

If you require an invoice for your purchase (as a PDF document), then please fill in this Juicebox-Pro Invoice Request Form.
Thank you.

3,730

(3 replies, posted in Juicebox-Pro Support)

You have set your web page's 'header' height to be the height of the #logo container and the 'footer' height to be the height of the #search container.
It looks like neither of these containers have heights specified via CSS and so, when the resizing code is first run, the values returned are not accurate. Set heights for both these containers and your web page should resize more consistently.

Also, I notice that the top of your web page (above the gallery) contains more that just the #logo container and the bottom of your page (below the gallery) contains more than just the #search container so you might need to calculate the 'header' and 'footer' heights by adding up the heights of a number of different containers.

The left/right arrows on the large image are buggy - they work for a few slides and then disappear randomly.

In Touch Input Mode (on mobile devices), a tap on the screen (anywhere other than on a button) will toggle the overlay on and off. (Images can still be navigated by swiping left and right.) It sounds like this might be what is happening.
Try setting showInfoButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section). This overrides the default behavior for the overlay and it will be toggled on and off only when the user clicks on the Info Button on the Button Bar.

using Flickr - I now noticed that each image has its own line of code

What you are referring to is likely to be the SEO Content produced by JuiceboxBuilder-Pro. It is selected by default but you can switch it off by deselecting the 'Add SEO Content' checkbox in the 'Customize -> Sharing' section.
This code is used purely for Search Engine Optimization reasons and is not actually required for the gallery itself at all. Please see the SEO support section for further details.

3,732

(3 replies, posted in Juicebox-Lite Support)

Thank you for reporting this problem. It has now been fixed.
Please re-download Juicebox-Pro v1.4.1 (using the download link from your purchase email) which now contains the fixed version of JuiceboxBuilder-Pro.

3,733

(496 replies, posted in Juicebox-Pro Support)

@jtmpusr

Thank you for your suggestions.
Here are some notes on a few of your topics.

Multiple rows of thumbnails

With Juicebox-Pro, you can have multiple rows of thumbnails by increasing maxThumbRows from its default value of 1.
For reference, a list of all available thumbnail configuration options can be found here.

Tags

You could source your gallery using a Flickr account and tag your images in Flickr.
Each link in your web page could use JavaScript to set the Juicebox configuration option flickrTags in the gallery's embedding code accordingly and then reload the gallery using the selected tag or tags.

Gallery Themes

JuiceboxBuilder-Pro (which comes with Juicebox-Pro) has a number of preconfigured gallery layouts known as presets which you can choose from. Many of the presets available will allow you to instantly configure your gallery to look like the demo galleries on this web page. For more information about presets, please see the JuiceboxBuilder User Guide.

3,734

(29 replies, posted in Juicebox-Pro Support)

Juicebox-Pro v1.4.1 has just been released and there have been several changes made to JuiceboxBuilder-Pro so it would be worthwhile downloading and installing the latest version to see if this makes any difference for you.
Instructions on how to download the latest version can be found on the Upgrading Juicebox support page.
Please note that in order to install a new version of JuiceboxBuilder-Pro, it is necessary to first uninstall any existing version.

Please try the following:
(1) Uninstall JuiceboxBuilder-Pro. (Delete the JuiceboxBuilder-Pro file from Applications folder.)
(2) Delete the following folder manually to ensure that nothing is left behind from the previous installation:
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
(3) Empty your Trash.
(4) Reinstall JuiceboxBuilder-Pro (v1.4.1) following the instructions here.

Hopefully this will solve your problem.

3,735

(5 replies, posted in Juicebox-Pro Support)

I have not been able to replicate this behavior in any test galleries of my own in IE11 (or in IE9 Document Mode within IE11).

Also, do you see the problem in any of our own demo galleries on this web page or just in your own gallery?

There might be an element on your web page which is partially obscuring the thumbnails (which, for whatever reason, is only a problem in Internet Explorer). You should be able to see if this is the case using a browser's developer tools (usually F12).

It might also be wise to check your web page for HTML errors using the W3C Markup Validation Service.
If there are errors on your web page, it might be worth trying a different WordPress theme to see if this makes a difference.

It might also help to ensure that your version of Juicebox-Pro is up-to-date.
Juicebox-Pro v1.4.1 has just been released so please try upgrading your WP-Juicebox plugin to Juicebox-Pro v1.4.1.
Instructions on how to get download the latest version can be found on the Upgrading Juicebox support page and instructions on how to upgrade WP-Juicebox can be found here.

This bug has now been fixed in v1.4.1. Please see the Upgrading Juicebox support page for details.

3,737

(6 replies, posted in Juicebox-Pro Support)

This bug has now been fixed in v1.4.1. Please see the Upgrading Juicebox support page for details.

This bug has now been fixed in v1.4.1. Please see the Upgrading Juicebox support page for details.

3,739

(2 replies, posted in Juicebox-Pro Support)

This bug has now been fixed in v1.4.1. Please see the Upgrading Juicebox support page for details.

3,740

(496 replies, posted in Juicebox-Pro Support)

@Blumzue

If you follow the steps in the Using Custom Icons support section, you should find a suitable email icon in the 'IcoMoon - Free' library (there is an 'envelope' icon) which you can use to replace the 'Open Image' icon.

3,741

(3 replies, posted in Juicebox-Lite Support)

In order to upgrade JuiceboxBuilder-Pro, it is necessary to first uninstall any existing version.
Please try the tips in the Installation Issues section of the JuiceboxBuilder User Guide.
Hopefully this will help.

Set screenMode="LARGE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) rather than using its default value of AUTO and the gallery will be displayed in Large Screen Mode on all devices and in all browsers (with the thumbnails and main images displayed on the same page).

For more information about Juicebox and Screen Modes, please see the Screen Modes support section.

Please note that screenMode is a Juicebox-Pro only configuration options which is not available in Juicebox-Lite.

3,743

(5 replies, posted in Juicebox-Pro Support)

Implementing the above (to have a lightbox open to display an image when it is clicked) into galleries created by WP-Juicebox can be done but would require quite a bit of work as the plugin does not have any built-in lightbox-style functionality, does not have interface support for linkURL or linkTarget and the embedding code that the plugin provides would have to be modified to include the custom JavaScript code required.

(1) Install and activate WP-Juicebox.
(2) Upgrade WP-Juicebox to Juicebox-Pro following the instructions here (required for setting imageClickMode="OPEN_URL" and for using the Juicebox-Pro API).
(3) Install and activate the Shadowbox JS plugin (and download the Shadowbox source files from within the plugin's settings page).
(4) Open the 'wp-juicebox/config.php' file in a plain text editor and change all three instances (on lines 47, 74 and 98) of:

$image_element->setAttribute('linkURL', $image_url);

... to:

$image_element->setAttribute('linkURL', 'javascript: func();');

(5) Also, in the same file, change all three instances (on lines 48, 75 and 99) of:

$image_element->setAttribute('linkTarget', '_blank');

... to:

$image_element->setAttribute('linkTarget', '_self');

(6) Open the 'wp-juicebox/wp-juicebox.php' file in a plain text editor and change lines 240-251 (the $string_builder section) to the following:

$string_builder = '<!--START JUICEBOX EMBED-->' . PHP_EOL;
$string_builder .= '<script type="text/javascript">' . PHP_EOL;
$string_builder .= '    var jb;' . PHP_EOL;
$string_builder .= '    jQuery(document).ready(function () {' . PHP_EOL;
$string_builder .= '        jb = new juicebox({' . PHP_EOL;
$string_builder .= '            backgroundColor: "' . $background_color . '",' . PHP_EOL;
$string_builder .= '            configUrl: "' . $config_url . '",' . PHP_EOL;
$string_builder .= '            containerId: "juicebox-container-' . $gallery_id . '",' . PHP_EOL;
$string_builder .= '            galleryHeight: "' . $gallery_height . '",' . PHP_EOL;
$string_builder .= '            galleryWidth: "' . $gallery_width . '"' . PHP_EOL;
$string_builder .= '        });' . PHP_EOL;
$string_builder .= '    });' . PHP_EOL;
$string_builder .= '    function func() {' . PHP_EOL;
$string_builder .= '        var index = jb.getImageIndex();' . PHP_EOL;
$string_builder .= '        var info = jb.getImageInfo(index);' . PHP_EOL;
$string_builder .= '        var url = info.imageURL;' . PHP_EOL;
$string_builder .= '        var title = info.title;' . PHP_EOL;
$string_builder .= '        Shadowbox.open({' . PHP_EOL;
$string_builder .= '            content: url,' . PHP_EOL;
$string_builder .= '            player: "img",' . PHP_EOL;
$string_builder .= '            title: title' . PHP_EOL;
$string_builder .= '        });' . PHP_EOL;
$string_builder .= '    }' . PHP_EOL;
$string_builder .= '</script>' . PHP_EOL;
$string_builder .= '<div id="juicebox-container-' . $gallery_id . '"></div>' . PHP_EOL;
$string_builder .= '<!--END JUICEBOX EMBED-->' . PHP_EOL;

(7) Enter imageClickMode="OPEN_URL" in the Pro Options text area of your gallery's settings window.

Please note that the procedure above has not been tested extensively and I cannot vouch for the robustness of the solution or the stability of WP-Juicebox itself after making these modifications.
However, I hope it help and at least points you in the right direction.

[The line numbers above refer to the current version of WP-Juicebox (v1.4.0.1).]

Sorry about that. I am glad that you were able to find the correct file to modify.
I have now corrected my post above.

When using a Picasa Web Album as the source of image, WP-Juicebox uses the Picasa image 'title' as the Juicebox image title (which by default is the image filename) and the Picasa image 'summary' as the Juicebox image caption.

If you want to prevent WP-Juicebox from displaying the Picasa image 'title', please do the following.
(1) Open the 'wp-juicebox/config.php' file in a plain text editor.
(2) Change line 101 from:

$title_text = $dom_doc->createCDATASection($attachment->title);

... to:

$title_text = $dom_doc->createCDATASection('');

Please note that the line number above refers to the current version of WP-Juicebox (v1.4.0.1).

3,746

(2 replies, posted in Juicebox-Pro Support)

You could perhaps increase the stagePadding (in JuiceboxBuilder-Pro's 'Customize -> General' section) to introduce a certain amount of padding all around the gallery) and reduce the height of the caption area, using maxCaptionHeight ('Customize -> Caption'). (As your gallery uses captionPosition="BOTTOM", the maxCaptionHeight will be the actual height of the caption area.)

Otherwise, you could reserve enough space at the top of your web page for your logo (in a header area) and display the gallery in the remainder of the browser window. Please see the View Resizable Gallery with Top Menu Example in the Resizable Gallery support section for an example of how this can be done. You can view the source of the web page in a browser and copy /modify the code to suit your own needs (removing the footer, replacing the content of the header with your own logo and swapping the sample gallery for your own).

Alternatively, there are other suggestions regarding how and where to place a logo in a Juicebox gallery in the Adding a Logo support section. One possible solution would be to use your logo in the Gallery Title and then set galleryTitlePosition="TOP" and galleryTitleHAlign="CENTER".

On a single monitor, when useFullScreenExpand="TRUE", it is not possible to move the cursor outside an expanded gallery so that the overlay fades out.
One possible alternative would be to set showInfoButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section) and you can then toggle the overlay on and off using the Info Button on the Button Bar. The Button Bar will be displayed on screen all the time (allowing access to the Info Button) but all other components on the overlay (for example the caption area and the main image navigation buttons) will be toggled on and off.

I have viewed your gallery (and the demo gallery) in Chrome on an iPod Touch 4 and the gallery seems to display and function as expected. On first loading the gallery, the address bar disappears from view and the gallery takes up as much screen real estate as possible (similar to what I see in Mobile Safari).
Because your gallery is 100% x 100%, the Expand Button is not displayed (the gallery cannot be displayed any larger than it already is) and useFullscreenExpand has no effect on an iPhone (where the browser window always covers the entire screen).

Could you please explain in further detail what you mean when you say "neither of them will go/work in Full Screen Mode"?
Maybe if I understood your query better, I could help further. Thank you.

The XML file used for the http://sandbox.castarchitecture.com/pro … homes.html gallery is not the one you quoted.
The gallery uses this XML file which does not set the two configuration options from my post above: http://sandbox.castarchitecture.com/pro … config.xml

If you want your gallery to use the http://sandbox.castarchitecture.com/TEM … config.xml file, then you can point towards it in your gallery's embedding code using a configURL configuration option or, alternatively, as your 'TEMP_JUICEBOX_FOLDER' folder seems to be a complete gallery folder, you can use a baseUrl, for example:

<!--START JUICEBOX EMBED-->
<script src="/TEMP_JUICEBOX_FOLDER/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: '/TEMP_JUICEBOX_FOLDER/jbcore/classic/theme.css',
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(255,255,255,1)'
    });
</script>
<div id="juicebox-container">
</div>
<!--END JUICEBOX EMBED-->

If you do not specify either a configUrl or a baseUrl, Juicebox will look for a file named 'config.xml' in the same directory as the page containing the embedding code. In your case, there is such an XML file in that location but it is not the XML you want your gallery to use.
(Alternatively, you could replace the http://sandbox.castarchitecture.com/pro … /config.xm file with http://sandbox.castarchitecture.com/TEM … config.xml on your web server.)

3,750

(4 replies, posted in Juicebox-Pro Support)

There are two relatively easy solutions to your problem. Either:
(1) Use an opaque (rather than transparent) expandedBackgroundColor. For example, try setting expandedBackgroundColor="rgba(255,255,204,1)" rather than expandedBackgroundColor="rgba(255,255,204,0.2)". This will ensure that no elements from your web page are visible when the gallery is expanded.
... or:
(2) Set expandInNewPage="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section). When the gallery is expanded from the Splash Page, it will be displayed on a page of its own rather than on top of the embedding page.