2,126

(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,127

(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,128

(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,130

(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,133

(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,135

(5 replies, posted in Juicebox-Pro Support)

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

2,136

(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,137

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

2,138

(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,139

(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,140

(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.

2,141

(1 replies, posted in Juicebox-Pro Support)

Please post the URL to your gallery's web page so that I can take a look at the problem for myself.

In the meantime, please check that your gallery's 'config.xml' file and 'images' and 'thumbs' folders have all been uploaded to the correct location on your web server. (According to the code you posted, they should all be in the same directory as the page containing the embedding code.)

Also, please check that the permissions of the 'config.xml' file and 'images' and 'thumbs' folders (and those of the image and thumbnail files themselves) are not too restrictive. Default permissions of 755 for folders and 644 for files should be fine.
You should be able to check and change file and folder permissions using an FTP program or your web hosting account's online file manager.

This FAQ may also help:
My images show locally, but not when I upload them to my website. Why?

If these suggestions do not help, then I should hopefully be able to determine the cause of the problem once I can see the gallery for myself.

2,142

(3 replies, posted in Juicebox-Lite Support)

I'm glad you've got things working.
Thank you for letting me know.

2,143

(1 replies, posted in Juicebox-Pro Support)

Please see my reply to your query in this forum thread.

2,144

(1 replies, posted in Juicebox-Pro Support)

The og:image entry must be an absolute URL in the form http://www.example.com/gallery/images/image001.jpg
A relative path will not work.

You can either:

(1) Edit your gallery's 'index.html' page in a plain text editor and change:

<meta property="og:image" content="/images/20120317_126-Edit.jpg" />

... to:

<meta property="og:image" content="http://www.judophoto.com.au/judo/kidsjudo/images/20120317_126-Edit.jpg" />

... or:

(2) Rebuild your gallery with the Lightroom plugin and enter your gallery directory's URL (http://www.judophoto.com.au/judo/kidsjudo) as the 'Share Url' in the 'Sharing' section.
The plugin will use this as the first part of the path for the og:image entry (before completing the path to the first image in the gallery).

2,145

(3 replies, posted in Juicebox-Lite Support)

For reference, instructions for installing the Juicebox plugin for Lightroom can be found on the plugin's support page here.

On a Windows PC, you should be able to drag and drop the 'juicebox_lite.lrwebengine' folder onto the Lightroom desktop shortcut. Lightroom should then open with an 'Install Web Layout Style' dialog box.

The 'juicebox_lite.lrwebengine' folder can be found inside the Juicebox-Lite zip package in this location: juicebox_lite_1.4.4.2\adobe-lightroom-plugin\juicebox_lite.lrwebengine.

If this does not work, then you can still install the plugin manually by copying the entire 'juicebox_lite.lrwebengine' folder into Lightroom's 'Web Galleries' folder.

The 'Web Galleries' folder can be found in this location: C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\
Note that it is in 'AppData\Roaming\' and not 'AppData\Local\'.

In order to navigate to the 'Web Galleries' folder in Windows File Explorer, you will need to show hidden files.

Alternatively, to get to the 'Web Galleries' folder:
(1) Open Lightroom
(2) Go to 'Edit -> Preferences' from the drop-down menu at the top
(3) Go to the 'Presets' tab
(4) Click the 'Show Lightroom Presets Folder...' button (the C:\Users\username\AppData\Roaming\Adobe\ folder will be opened in Windows File Explorer)
(5) Go inside the 'Lightroom' folder.
(6) Go inside the 'Web Galleries' folder.

The plugin will function exactly the same no matter whether it is installed automatically (via drag-and-drop) or manually.
Whatever method you use, just make sure that you use the 'juicebox_lite.lrwebengine' folder and not the 'adobe-lightroom-plugin' folder.

I hope this helps.

If you continue to experience difficulties, please let me know exactly what steps you take to see the "suchpfad nicht gefunden" message and when the message is displayed. Thank you.

2,146

(3 replies, posted in Juicebox-Lite Support)

As we have to use a picasa url to find the album ID, I hope we'll still be able to use this method in the future when google stop to maintain Picasa.

I hope so, too.

Thanks for the perfect support of your products.

You're welcome!

2,147

(4 replies, posted in Juicebox-Pro Support)

If you are trying to display a new gallery created within the Google Photos interface (rather than trying to display a gallery that was originally created within the old Picasa interface), then you might need to enter the Album Id (instead of the Album Name) and this is not available within the new Google Photos interface.

Visit this URL in your browser and you'll get an RSS feed of your albums.
https://picasaweb.google.com/data/feed/api/user/<User Id>

If you then hover over (or click on) an album, you'll see a 19 digit number at the end of the URL. This is the Album Id which you can use in the WP-Juicebox interface.

I've tested this myself with an album I created today in Google Photos and it seems to work fine.
Here are the details if you'd like to try to display it yourself (just for testing purposes).
Google User Id: 109901943277912891450
Google Album Id: 6278925468933743905

I hope this helps.

Edit:
Also, visit https://picasaweb.google.com/<User Id>/<Album Id> (corresponding to the album that you are trying to display) and, in the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

2,148

(3 replies, posted in Juicebox-Lite Support)

It looks like you might need to enter the Album Id (instead of the Album Name) and this is not available within the new Google Photos interface.

Visit this URL in your browser and you'll get an RSS feed of your albums.
https://picasaweb.google.com/data/feed/api/user/<User Id>

If you then hover over (or click on) an album, you'll see a 19 digit number at the end of the URL. This is the Album Id which you can use in the WP-Juicebox interface.

I've tested this myself with an album I created today in Google Photos and it seems to work fine.
Here are the details if you'd like to try to display it yourself (just for testing purposes).
Google User Id: 109901943277912891450
Google Album Id: 6278925468933743905

I hope this helps.

Edit:
Also, visit https://picasaweb.google.com/<User Id>/<Album Id> (corresponding to the album that you are trying to display) and, in the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

... the image which comes up is always #1.

This looks like it might be a timing issue caused by setting imageTransitionTime="1". If you use the default value of 0.3 instead, you should hopefully find that a URL ending with something like #21expanded displays the expected image.
I have notified the developers of this issue. However, please note that Juicebox was not designed to jump straight into expanded mode and it is not advisable to manually add #expanded to a URL. Juicebox should be expanded using the Expand Button (from a non-expanded gallery) so that it can be expanded appropriately depending on the device being used and configuration options such as expandInNewPage and useFullscreenExpand.

It would also be nice to be able to be able to turn off autoplay with a URL.

If you set debugMode: 'TRUE' in your gallery's embedding code, then you can set configuration options via a query string in the URL as noted in the Setting Config Options support section.
Your gallery's embedding code would look something like:

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

... and you could use a URL such as the following to set autoPlayOnLoad to FALSE:
http://www.example.com/gallery/index.ht … 21expanded

As you are using WP-Juicebox, you can add the debugMode configuration option to all of your galleries by opening the plugin's 'wp-juicebox.php' file in a plain text editor and changing line 285 from:

$string_builder .= '    var jb_' . $clean_gallery_id . ' = new juicebox({' . PHP_EOL;

... to:

$string_builder .= '    var jb_' . $clean_gallery_id . ' = new juicebox({ debugMode: "TRUE",' . PHP_EOL;

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

2,150

(4 replies, posted in Juicebox-Pro Support)

... the wordpress plugin, which is not showing me in my WP dash that it needs upgrade.

The WordPress Dashboard will let you know if updates are available only for plugins which are hosted on WordPress's own site. We host WP-Juicebox on our own site (on this web page) and updates have to be performed manually.

I notice that you currently use WP-Juicebox v1.4.0.1.
There have been 8 releases since v1.4.0.1 and many bugs have been fixed, including some relating to Picasa/Google Web Albums. Please see the Version History for details.
I recommend that you upgrade to the current version (v1.4.4.2).
You can download the current version from the plugin's support page and then upload the contents of the zip file to your plugins directory. (You might want to remove the Lite 'jbcore' folder from the plugin before uploading to prevent your Pro 'jbcore' folder from being overwritten.)

I have tried using the User Id and Album Name that you use in your own gallery and your images do not appear so, even with v1.4.4.2, there seems to be a problem with your gallery.
(Incidentally, the correct Album Name is probably 'sketches' rather than the long string from your video.)

When I go to the first link you posted, I am redirected to a Google login page.
Please check that your Google Photos are made public (rather than private).
This may also be a contributing factor to your problem.

With v1.4.4.2 in place and all your photos made public, you should hopefully be able to display your gallery.

You can test that things are working OK by displaying one of my own test albums hosted on Google Photos using the following details. I have just double-checked that this is working OK.
Picasa/Google User Id: 109901943277912891450
Picasa/Google Album Name: TestAlbum

If you can display my gallery but not your own, then at least we know that the WP-Juicebox functionality is working OK on your web server and that the problem lies with your own Google Photo album.

If you cannot display my own gallery, then the problem is with WP-Juicebox on your web server.
If this is the case, then I might need access to your web server in order to run some tests. (We'll cross this bridge later if we need to.)

The suggestions above should at least point us in the right direction.