The changelog refers to a certain issue when using captionPosition="OVERLAY_IMAGE" whereby the width of the caption area did not match the width of the main image. (They should both be the same.)
The bugfix does not affect the caption area when using captionPosition="OVERLAY" (the default value) as you do in your gallery.
If you were to update your gallery to v1.5.0, there should be no change to your gallery's caption area.

I hope this puts your mind at ease.

2,102

(5 replies, posted in Juicebox-Pro Support)

Make sure that your linkURL is an absolute path, for example http://www.example.com/folder/file.html.
If your linkURL does not start with http:// or https:// then it will be treated as a relative path (relative to the page containing the gallery's embedding code).

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

2,105

(17 replies, posted in Juicebox-Pro Support)

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

2,106

(6 replies, posted in Juicebox-Pro Support)

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

2,108

(6 replies, posted in Juicebox-Pro Support)

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.

2,109

(5 replies, posted in Juicebox-Pro Support)

Yes. Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and when a main image is clicked, the corresponding linkURL will be opened in the linkTarget window.

You can specify a unique linkURL and linkTarget for each image on JuiceboxBuilder-Pro's 'Images' tab.
Just click a thumbnail and the linkURL and linkTarget input boxes will be visible below the thumbnails.

I notice that the user agent string for the Nexus 7 contains the term "Safari" rather than "Mobile Safari".
This might have a bearing on Juicebox's decision as to which Screen Mode to use.

Regardless, when screenMode="AUTO", Juicebox seems to use Large Screen Mode by default for both the Nexus 7 v1 and Nexus 7 v2 and this cannot be changed easily.
It is not possible to change Juicebox's internal logic which determines which Screen Mode is to be used.
The code which handles the detection of devices is buried within the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified.

You could certainly override Juicebox's own detection routine and create your own JavaScript function to determine which Screen Mode to use (setting screenMode to either 'LARGE' or 'SMALL' accordingly). However, there are many factors to consider (e.g. user agent strings, screen dimensions, pixel density) and this might turn out to be quite a complex task. Allowing Juicebox to decide (by setting screenMode="AUTO") is usually the best (and certainly the easiest) thing to do.

If you don't like how Juicebox handles a certain device, then making an exception for it (as I noted above) might be the next best thing. Juicebox would still use its own detection routine for all other devices.

Please note that this is only possible with Juicebox-Pro. The screenMode configuration option is a Pro option which is not supported by Juicebox-Lite (which always uses the default value of 'AUTO').

2,111

(12 replies, posted in Juicebox-Pro Support)

... was hoping there would have been a setting in JB.

Unfortunately not. However, please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.

... thanks again.

You're welcome!

2,112

(12 replies, posted in Juicebox-Pro Support)

Now that I have the title and captions working, is there a way to increase the font size?

You can change the font size of an image title or caption using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

If you wanted to change the font size of all captions in a gallery, then you could add CSS such as the following to the <head> section of your web page:

<style type="text/css">

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

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

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

</style>

You can use either of the techniques above to apply other CSS properties to the image titles and captions, too.

2,113

(12 replies, posted in Juicebox-Pro Support)

If you are using JuiceboxBuilder-Pro (the standalone desktop application to create and edit galleries which comes with Juicebox-Pro), click a thumbnail on the images tab and you'll see individual input boxes (below the thumbnails) where you can enter an image title and caption. You can enter a different title and caption for each image.

If you are using the Lightroom plugin, perhaps the easiest way to enter individual image titles and captions would be add the text as metadata and then have the plugin extract it for use in the gallery. This can all be done within Lightroom.
In the Library section, select an image and scroll down to the Metadata section on the right. Now enter an image title in the Title box and a caption in the Caption box.
When you then go to the Web section and select Juicebox-Pro as the Layout Style, the plugin will automatically use the Title and Caption by default for each image in the gallery (although you can extract whatever metadata you like for use as the image titles and captions by editing the Title and Caption templates in the plugin's Image Info section.)

You can leave the metadata in place for just the duration of creating the gallery or you can save it to your source images.
If you do this, the image titles and captions will be embedded within the images themselves and can be extracted for use in future galleries (using either JuiceboxBuilder-Pro or the Lightroom plugin).

The ability to create a Multi-Size Image gallery is a feature of JuiceboxBuilder-Pro only (the desktop application to create and edit galleries which comes with Juicebox-Pro).
Juicebox-Pro supports Multi-Size Image galleries but only JuiceboxBuilder-Pro can create a Multi-Size Image gallery automatically.

Unfortunately, the Juicebox plugin for Lightroom does not have the ability to export multiple different image sizes at once.
(None of the available plugins support the creation of Mutli-Size Image galleries. This functionality is unique to JuiceboxBuilder-Pro.)

For reference (and any other users reading this thread), the Multi-Size Image support section can be found here.

2,115

(5 replies, posted in Juicebox-Pro Support)

I am glad that you've been able to resolve your problem.
Thank you for letting me know and for sharing your workflow.
Hopefully it will help other users who are experiencing a similar issue.

Is there a specific place I can find more details on the PRO configurations...

Yes. There is a short description for each Pro option on the Config Options page: https://www.juicebox.net/support/config_options/

... i see text that says "3 images VIEW GALLERY".

What you are describing is the Splash Page.
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window).
When the user clicks/taps the Splash Page, the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER".
Alternatively, you can force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE".

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

... when using a mobile device via the inspector...

A browser's developer tools can be very useful but they are not always the most accurate way to emulate a mobile device and determine how a gallery will look on such a device. (Just something to bear in mind when testing your page's layout.)

there is a huge height gap under the main image which pushes the other content below it all the way down the page.

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

... if I set the width to 100% and the height to 100%...

Please see this note regarding Using Percentage Heights.

So I'm finding that if I set the width to 100% and the height to 100%, when on mobile, the image is width enough to fit well, but the height is huge on a mobile device.

When setting a percentage height, make sure that all parent containers of your gallery have heights set via CSS. Otherwise, Juicebox may not be able to determine what its actual height should be. For example, if you set a gallery height of 100%, Juicebox needs to know what its height should be 100% of. In a CMS environment (such as Drupal) where you may have little or no control over the containers that the gallery is nested within, it might be wise to use a fixed pixel height (such as '600px') instead of a percentage to avoid problems that can arise when using a percentage.

If your current theme does not already so so, you could try scaling your web page for mobile devices but adding the following tag to the head section of your web page. This might help.

<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />

... when I added the autoplay on, it starts with autoplay but if i click on a thumbnail, autoplay gets turned off of course, but there is no way to turn it back on is there?

Set showAutoPlayButton="TRUE" and the AutoPlay Button will de displayed in the Button Bar and the user can click/tap this to toggle AutoPlay on and off.

I hope this information helps.

2,118

(496 replies, posted in Juicebox-Pro Support)

@user222

When a Juicebox gallery is closed from the expanded state, the gallery will display the last image displayed when it was expanded as long as the gallery was not expanded in a new page, ie. as long as expandInNewPage="FALSE" or expandInNewPage="AUTO" and the gallery is not displayed on an iOS device (please see the Expand Gallery Bahavior support section for details).

When the gallery is expanded in a new page (expandInNewPage="TRUE" or expandInNewPage="AUTO" and iOS), then when the gallery is closed, Juicebox calls history.back() to close the expanded gallery page and return to the original page (with the unexpanded gallery). This JavaScript call is the same as clicking the browser's 'back' button. Unfortunately, there is little we can do to control what happens when a browser's 'back' button is clicked (and different browsers can behave differently).

Take a look at this demo gallery in a desktop browser.
Expand the gallery, advance a few images and close the gallery. The closed gallery should continue with the last image that was displayed in expanded mode.

If you set expandInNewPage="FALSE", you should see the behavior you are looking for.
Alternatively, you should be able to keep expandInNewPage="AUTO" but also lock your page's viewport (as noted in the first link above) for iOS devices.

Please note that the Juicebox module for Drupal is an unofficial plugin which was not written by ourselves (but is well supported by its author in the Drupal forum). This is noted on the module's support page:

This module and its maintainer are in no way affiliated with Simpleviewer Inc., the company behind Juicebox. No endorsement is expressed or implied.

I am not seeing any of the extra pro features in which I purchased the pro to use.

Autoplay is not there.

Upgrading the Drupal module to Juicebox-Pro does not change the module's interface.
There are no individual controls for each Pro configuration option. Instead, you can add Pro configuration options as text (for example, autoPlayOnLoad="TRUE") into the 'Juicebox Library - Pro / Manual Config' section of your Drupal Dashboard ('Home -> Administration -> Structure -> Content types -> Article -> Manage Display -> Juicebox settings').
Here is a Drupal forum post with the author's thoughts on adding further options to the module's interface.

Also, the black nice overlay never seemed to work on my galleries and it seems to have issues using my preset image styles.

This sounds like there may be a CSS conflict between your current theme and the your Juicebox gallery. Some CSS rules from your theme might be overriding the gallery's own CSS rules and adversely affecting the gallery's layout. If your theme uses global CSS rules which, for example, apply to all <div> or <img> tags on your web page, then they will also apply to these elements within the gallery. It is not possible to isolate a Juicebox gallery (or any other HTML element) from global CSS rules and the gallery will have no option but to inherit them. The best solution would be to apply CSS rules to only those elements on your web page that require them through use of CSS selectors (classes and ids). However, this might be difficult with a theme that you did not write yourself.
You might like to at least test this theory by using a different theme (at least for testing purposes) to see if it makes a difference.

You can also use your browser's developer tools (usually accessible via F12) to investigate which CSS rules are being applied to which HTML elements on your web page.
Please see this forum post for links to pages which might help if using a browser's developer tools.

No watermarking,

Watermarking is a feature of JuiceboxBuilder-Pro (the desktop application which comes with Juicebox-Pro) only. Please see the Adding Watermarks support section for details.
Images are watermarked at the time the gallery is built by the application (at the same time the images are resized for the gallery). The watermarks are not added at the time the gallery is displayed so there are no watermark options which can achieve this.
You could perhaps use JuiceboxBuilder-Pro to watermark your images and then upload the watermarked images for use in your Juicebox gallery within Drupal.

no music,

Please see the Adding Audio support section for details.
You would need to point towards MP3 and OGG versions of an audio track using the audioUrlMp3 and audioUrlOgg Pro configuration options.
You could also set playAudioOnLoad="TRUE" (to automatically start the audio track playing when the gallery is initially loaded) and/or showAudioButton="TRUE" (to display the Audio Button on the Button Bar and allow visitors to your web site to toggle the audio on and off).

I hope these notes help to clarify things.

2,120

(5 replies, posted in Juicebox-Pro Support)

You're welcome.
I hope one of the suggestions works for you.

2,121

(5 replies, posted in Juicebox-Pro Support)

Try running your gallery page's URL through the Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/
You could try their Open Graph Object Debugger, too: https://developers.facebook.com/tools/debug/og/object

This should refresh Facebook's cache of your web page, including Open Graph tags (although it may not be instant).

Here are a few other suggestions I've found on the web which may or may not help (but might be worth trying).

(1) Try placing your og:image tag before all others on your web page.

(2) Try using og:image:type, og:image:width and og:image:height Open Graph tags in addition to your og:image tag. For your image, try the following:

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="730" />

(3) Try renaming the image you use for your og:image (and the corresponding og:image value itself) so that Facebook has to fetch the 'new' image.

Hopefully one of these suggestions will help.

2,122

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

2,123

(3 replies, posted in Juicebox-Pro Support)

The following should work (as long as the $Url variable has already been defined earlier in the page).

baseUrl: "<?php echo $Url; ?>",

You might also need to use the $Url variable in the path to the 'juicebox.js' file, e.g.:

<script src="<?php echo $Url; ?>/jbcore/juicebox.js"></script>

The code above assumes that your $Url variable does not end with a slash. You can adjust the code if necessary.

2,124

(1 replies, posted in Juicebox-Pro Support)

Many thanks for the suggestions.
I have copied them into the 'Feature Request' forum thread here: https://juicebox.net/forum/viewtopic.php?pid=9706#p9706

2,125

(496 replies, posted in Juicebox-Pro Support)

Suggestions from user222 in this forum thread: https://juicebox.net/forum/viewtopic.php?id=2171

Gallery / html5

Hello,
if fading is selected the gallery is shown different on desktop computer (fading) and tablets / smartphone (sliding). Best would be if fading would also possible on tablets and smartphones. Since that is actually not possible I would suggest that on tablets and smartphone  sliding would be possible with no delay independent  the time for fading on desktop.

I noticed a gallery with interested features. A combinations of images which are sliding and fading AND very interested text can also be added (sliding and fading). http://fone.it/shop/it/

It might be fine im some improvements of the gallery would be possible.