4,326

(2 replies, posted in Juicebox-Pro Support)

- "Home" button does not display on the phone.

Your gallery sets showSmallBackButton="false". Change this to showSmallBackButton="TRUE" for the Back Button to be displayed in Small Screen Mode.

- Buttons and caption do not disappear when I tap on the phone

Your gallery sets showInfoButton="true" and this disables the default behavior controlling the overlay visibility. (This is noted in the description of the showInfoButton configuration option in the Button Bar Options section of the Config Options page.)
When the Info Button is displayed on the Button Bar, the overlay can be toggled on and off by tapping the Info Button (rather than anywhere on the screen).

- Gallery's dimensions fit the browser space if I scroll to hide the adress bar, but when the gallery is first displayed the address bar is visible, hence the page is not centered. As a consequence, caption is not visible.
- Buttons are a lot smaller (2-3 times smaller) than when my gallery was at 100%

These are both direct consequences of your gallery not having 100% x 100% dimensions which exactly fill the viewport.
By default, a Juicebox gallery which is embedded in a page in Small Screen Mode at dimensions of less than 100% x 100% would ordinarily display the Splash Page (which would prevent anyone seeing the smaller icons) but your gallery disables this by setting showSplashPage="NEVER".
To solve the issue with the small buttons, try scaling your web page for mobile devices by adding the following line to the <head> section of your page:

<meta name="viewport" content="width=device-width, initial-scale=1;">

To auto-hide the address bar, try adding the following code to the <head> section of your page:

<script>
    window.addEventListener("load", function() {
        setTimeout(function() {
            window.scrollTo(0, 1);
        }, 0);
    });
</script>

The other solution would be to simply have your gallery's dimensions 100% x 100% (but this locks the viewport which disables pinch-zooming).

- Pinch to zoom does not seem to work if the phone is in landscape mode

It is possible to pinch-zoom in landscape mode but it can be quite difficult to do so as Juicebox has its own gestures for gallery navigation and on first touching the screen, Juicebox will usually initiate a swipe gesture to change image before the pinch gesture can be recorded. It can be done, though, if you are very careful with your initial two-pronged touch action. (Tested on an iPod Touch 4 iOS 6.1.3.)

4,327

(496 replies, posted in Juicebox-Pro Support)

@rj74

Poster graphic to launch full viewport juice box

Set showSplashPage="ALWAYS" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section) and the Splash Page will be displayed in place of the gallery (displaying the gallery fullscreen when clicked) in Large Screen Mode as well as in Small Screen Mode.
If you wish to customize your gallery's Splash Page, please see the available configuration options here.

4,328

(6 replies, posted in Juicebox-Pro Support)

I would certainly try upgrading Juicebox-Pro to v1.3.2.
I would also try hosting your jbcore folder on www.lakanephotography.co.uk (the same subdomain as web page containing the gallery's embedding code) rather than m.lakanephotography.co.uk. The JavaScript same-origin policy may be contributing to the problem.
Also, if using the Google PageSpeed Service, try excluding the 'jbcore' folder. This PageSpeed URL Control page should help with this.

That's great!
Thank you for posting back to let me know.

4,330

(6 replies, posted in Juicebox-Pro Support)

I notice that you currently use Juicebox-Pro v1.3.1.
It might be worth upgrading to the current version of Juicebox-Pro (v1.3.2) to see if it helps.
It may not make a difference but it should be quick and easy to try and will eliminate the possibility of any bugs from v1.3.1 contributing to the problem.
Instructions for upgrading Juicebox-Pro can be found here.

I'm not sure if this is a contributing factor in your scenario but all Juicebox files should be on the same domain or subdomain as the web page containing the JavaScript embedding code.

Do you have a sample gallery that I can take a look at which exhibits this behavior? Thanks.

If you are unable to open your gallery in JuiceboxBuilder-Pro, then, as long as your images and thumbnails have the same file names, try the following:

  • Copy your gallery folder.

  • In the copied gallery folder, replace the images in the 'images' folder with the images from the 'thumbs' folder.

  • Now open the copied gallery folder in JuiceboxBuilder-Pro (which no longer contains all your large images).

  • Re-order the images in JuiceboxBuilder-Pro ('Images -> Sort -> Reverse') from the drop-down menu at the top.

  • Save the gallery on the 'Publish' tab.

  • Replace the 'config.xml' file in your original gallery folder with the 'config.xml' file from the copied gallery folder.

If this does not work (for example if you are still unable to open the gallery in JuiceboxBuilder-Pro), then if you know any programming languages, you could perhaps write a script to reverse the order of <image> tags using XML parsing techniques.

4,332

(2 replies, posted in Juicebox-Pro Support)

You can change the size and quality for your resized images in JuiceboxBuilder-Pro's 'Images' tab.
Click the 'Change...' button in the 'Image Size' control panel and you can change the Maximum Width, Maximum Height and Quality for your resized images in the 'Set Image Size' pop up settings window.
The default settings are usually a good compromise between resolution, quality and file size for most users but they will not be ideal for all scenarios so try changing these values to see if they help with your own images.

I'm glad it worked for you.
Thank you for posting back to let me know.

4,334

(3 replies, posted in Juicebox-Pro Support)

Your audio tracks should play regardless of the source of images in your gallery.
Try defining your audioUrlMp3 and audioUrlOgg as absolute URLs to be sure that the paths are correct.
For example:

audioUrlMp3="http://www.example.com/wordpress/wp-content/uploads/mp3/nohardfeelings22500.mp3"
audioUrlOgg="http://www.example.com/wordpress/wp-content/uploads/mp3/nohardfeelings22500.ogg"

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.

4,335

(1 replies, posted in Juicebox-Pro Support)

The current version of the Juicebox plugin for Lightroom (which can be download from this web page) is compatible with (and has been tested on) Lightroom 5. (It requires a minimum of Lightroom 4.)

Let me know what problem you are having with it and I'll try to help.

When each tab is selected, try redefining the dimensions of each gallery using the setGallerySize() Juicebox-Pro API method.

Otherwise, rather than loading all the galleries at once when the page is initially loaded, you might light to try loading the galleries on demand using a technique such as the following. This should be fairly easy to implement as the tabs on your page are used solely to select which gallery to display.

Here is a basic example.
First, create two galleries (named 'gallery1' and 'gallery2') and keep the galleries in their individual folders.
Now use the following code as an HTML page and place it in the same directory as the two gallery folders.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Multiple Galleries</title>
    <script src="gallery1/jbcore/juicebox.js"></script>
    <script>
        function loadGallery(base) {
            new juicebox({
                containerId : 'juicebox-container',
                baseUrl : base,
                galleryWidth: "600",
                galleryHeight: "400",
                backgroundColor: "rgba(255,255,255,1)"
            });
        }
        $(document).ready(function() {
            loadGallery('gallery1/');
        });
    </script>
</head>
<body>
    <div id="juicebox-container"></div>
    <div id="links">
        <a href="#" onclick="javascript: loadGallery('gallery1/'); return false;">Gallery 1</a><br />
        <a href="#" onclick="javascript: loadGallery('gallery2/'); return false;">Gallery 2</a>
    </div>
</body>
</html>

When the user clicks on a link, the loadGallery() JavaScript function will fire and the selected gallery will be displayed in the 'juicebox-container' div on the page.
The only parameter in the loadGallery() function (e.g. the 'gallery1/' in loadGallery('gallery1/');) is the baseUrl of the selected gallery.
I hope this example helps. It should be fairly straightforward to follow and adapt to your own needs.

4,337

(15 replies, posted in Juicebox-Lite Support)

Thank you for posting back with the follow-up.
I'm glad you have found a workaround whilst Flickr are dealing with the probelm.

4,338

(9 replies, posted in Juicebox-Pro Support)

I'm sorry to hear that it didn't work. I guess it was worth a try.
Unfortunately, the Facebook thumbnail generation is currently unpredictable but the developers are aware of the problems and hope to have a more robust solution for the next version of Juicebox-Pro.

4,339

(4 replies, posted in Juicebox-Pro Support)

Is there a way to remove the captionBackColor or make it transparant completely?

Yes. Set captionBackColor="rgba(0,0,0,0)" in the Pro Options text area.
The important part of this is the final '0' which is the alpha channel (the transparency) on a scale from 0 (transparent) to 1 (opaque).

Thank you for emailing me the image.

There is no doubt that the problem is with the corrupt metadata embedded in the image.
However, when I create an album with the image in jAlbum 11.5 using Juicebox Skin v1.3.2.0, the album's 'config.xml' file is complete (not truncated like you reported) but the gallery does not display (due to the metadata now being in the 'config.xml' file).

Deselecting the 'Exif User' checkbox ('Album -> Settings -> Advanced -> Metadata -> Comment sources') is another workaround (as long as you do not want to use 'Exif User' data from other images as comments).

I tried stripping Control Characters from the metadata before it is used as an image caption and the gallery displays but the data still interferes with other image captions (and this is not simply due to the length of the data).

Unfortunately, I do not see a quick and easy fix for dealing with corrupt metadata in images from within the skin.
The best course of action is probably to fix the problem at the source (to delete the metatdata from the image as you have done) rather than to deal with it each time it is encountered.

4,341

(2 replies, posted in Juicebox-Pro Support)

You will need to also set backButtonPosition to either OVERLAY or TOP (the default value is NONE and the Back Button will not be displayed).
For reference, the Back Button options can be found here.

It would, indeed, appear that the image has some corrupt metadata.
If you want to include the image in a gallery (and want to use metadata from all other images as titles and/or captions), then perhaps you could strip out the metadata from the image in an imaging program, include the image in your album and then manually add a caption for the image once the album has been created.

That new file still presents this jAlbum problem, so I think if you (or someone at jAlbum) want to take a look at it, I think that I can preserve the problem even via email; let me know.

Sure thing. Please email the image to me or upload it somewhere (e.g. Dropbox) and post a link. I'll take a look (though I'm not sure what I'll be able to do other than confirm that there is a problem with it).

4,343

(11 replies, posted in Juicebox-Lite Support)

That's great!
Thank you for posting back and sharing your code.

I create an article and the juicebox works fine only on the full preview version.

In the preview trimmed version I saw the vertical photos lists.

Please post the URL to your gallery so that I can take a look and hopefully help you with your query.

As you are using the Juicebox module for Drupal (rather than the Embedding in a Drupal Site instructions) you might like to post your query in the Drupal forum where the author of the module (not ourselves) should be able to help you further.

4,345

(9 replies, posted in Juicebox-Pro Support)

This is a known problem which we are currently investigating. Unfortunately, at the moment, there is no quick fix.

Here's what we know...
Facebook itself requires that the main image fulfills certain conditions. The main image must be at least 50px x 50px, have a maximum aspect ratio of 3:1 and have a maximum file size of 5MB. (Your images all seem to fulfil this criteria.)
We are also aware that images exported by Adobe Lightroom fail to have thumbnails created by Facebook.

Whatever program you use to prepare your images for your gallery, try simply opening them and re-saving them in a different program before feeding them to your gallery to see if this makes a difference. For example, run your original images through JuiceboxBuilder-Pro and use the images in the gallery's 'images' folder. (Make sure that they are resized so that JuiceboxBuilder-Pro actually processes them and does not just copy them.)

We plan to introduce the ability to translate the hard-coded Splash Page text ('X Images') via the languageList option in a future version of Juicebox. Unfortunately, at the moment, it cannot be done.

The 'View Gallery' text is set via the Pro option splashButtonText and the Splash Page can be disabled via the Pro option showSplashPage.

I think it is unlikely that these options will migrate over to Juicebox-Lite but please feel free to post suggestions in the feature request thread. It keeps them all together and ensures that they are not overlooked.

It sounds like upgrading jAlbum may have reset some jAlbum settings.
Go to jAlbum's 'Advanced -> Metadata' tab and ensure that the 'Suppress Internet Explorer warnings' is deselected.
If this checkbox is selected, jAlbum will insert the Mark of the Web after the <html> tag on all output HTML pages which may prevent Internet Explorer from displaying the gallery locally.
I do not have any problems previewing galleries built with jAlbum v11.5 and Juicebox Skin v1.3.2.0 locally in Firefox 23.0.1.

4,348

(7 replies, posted in Juicebox-Pro Support)

It sounds like you may be using an older version of Juicebox-Pro prior to the showThumbsButton and showThumbsOnLoad configuration options being introduced in v1.3.0. (For a full list of changes, please see the Version History.)

If this is the case, then upgrade your Lightroom plugin to use the current version of Juicebox-Pro (v1.3.2) by following the instructions on this web page.
For details on how to get the latest version of Juicebox-Pro, please see the Upgrading Juicebox page.

I have not been able to replicate this behavior but I am glad that everything seems to be working OK at the moment.

4,350

(7 replies, posted in Juicebox-Pro Support)

You have errors in the names of your configuration options.
showNavButton should be showNavButtons and captionPostion should be captionPosition.