4,526

(5 replies, posted in Juicebox-Pro Support)

No. The 'juicebox.js' file is obfuscated and cannot be modified.

Here is a working example where the value of the cookie is actually the URL you would like the Back Button to open.

Paste the following code into a JavaScript file named 'cookie.js' and place it in your gallery folder:

function createCookie(name, value)
{
    document.cookie=name+"="+escape(value)+"; path=/";
}

function readCookie(name)
{
    var re=new RegExp("(?:^|;)\\s?"+name+"=(.*?)(?:;|$)", "i"), result=document.cookie.match(re), output=null;
    if (result!=null)
    {
        output=unescape(result[1]);
    }
    return output;
}

function eraseCookie(name)
{
    var d=new Date();
    document.cookie=name+"=; path=/; expires="+d.toUTCString();
}

Now use the following code as your gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox-Pro Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <script src="cookie.js"></script>
        <script>
            function backButton() {
                var value = readCookie('test');
                eraseCookie('test');
                document.location.href = value;
            }
        </script>
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                containerId : 'juicebox-container'
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

Use the following code as your main page (which sets the cookie) and place it in your gallery folder:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Back Button Cookie Test</title>
        <meta charset="utf-8" />
        <script src="cookie.js"></script>
    </head>
    <body>
        <div>
            <a href="index.html" onclick="javascript: createCookie('test', 'http://www.juicebox.net/'); return true;">Click here to open gallery and set cookie to open Juicebox home page.</a>
            <br />
            <a href="index.html" onclick="javascript: createCookie('test', 'http://www.simpleviewer.net/'); return true;">Click here to open gallery and set cookie to open SimpleViewer home page.</a>
        </div>
    </body>
</html>

Finally, set the following configuration options in your gallery's XML file:

backButtonUrl="javascript: backButton();"
backButtonPosition="TOP"

4,527

(5 replies, posted in Juicebox-Lite Support)

Instructions for embedding a Juicebox gallery in a web template site (such as Moonfruit) can be found here.
You would need to store the entire gallery on Dropbox (not just your images).
However, it is probably easier doing this at it keeps everything together and means that you can simply drag and drop your complete gallery folder into your Dropbox 'Public' folder.

I would just update the images in the relevant folder eg. interiors photos, food photos etc without needing to create a new index. Is that possible?

This is not possible when hosting your Juicebox gallery on Dropbox.
It is possible (see this forum thread for details) but not when hosting your gallery on Dropbox as Dropbox is not a regular web host and does not support server side scripting languages such as PHP (which would be necessary to dynamically create an XML file).
If you want to be able to upload images and not have to update any gallery files, then I would recommend using a Flickr account as the source of images for your gallery. You could simply upload new images to your Flickr account to add them to your gallery.
The Flickr configuration options available to Juicebox-Lite can be found here.

Would this be easier if I used Photoshop & plugin to create the galleries?

Probably not. No matter how you create your gallery, you will end up with a gallery folder which you should upload to Dropbox. I would recommend using JuiceboxBuilder-Lite to build your gallery. It will enable you to create a Flickr based gallery (which the Adobe Photoshop template will not).

4,528

(1 replies, posted in Juicebox-Pro Support)

Try the following:

<div id="juicebox-container" style="margin: 0 auto;"></div>

4,529

(5 replies, posted in Juicebox-Pro Support)

You would need to include the backButtonUrl="javascript: backButton();" setting in each of your gallery's 'config.xml' files and include the JavaScript code I posted (modified to suit your own needs) in the <head> section of each of your gallery's 'index.html' pages.

4,530

(7 replies, posted in Juicebox-Pro Support)

It looks like your images have not been uploaded to the correct location on your web server.
According to your gallery's XML file (http://garylordjohns.com/JuiceBox%20Gallery/config.xml), the first image in your gallery should be located here: http://garylordjohns.com/JuiceBox%20Gal … adshot.jpg
However, going directly to that location in a browser results in an error 404 (file not found).
(Your gallery uses a baseURL and, therefore, any relative paths in the gallery's XML file, such as the imageURLs, thumbURLs and linkURLs, will be relative to the baseURL.)

Check that your images have been uploaded to the http://garylordjohns.com/JuiceBox%20Gallery/images/ directory on your web server.

Please also see this FAQ for further suggestions:
My images show locally, but not when I upload them to my website. Why?

Also, the name of your Juicebox gallery folder ('Juicebox Gallery') has a space in it. I would recommend using only web-safe characters (uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde) for files and folders on your web server.
Please see section 2.3 of this document for details: http://www.ietf.org/rfc/rfc3986.txt

4,531

(5 replies, posted in Juicebox-Lite Support)

I'm glad you've got it working. Thank you for posting back to let me know.

4,532

(5 replies, posted in Juicebox-Lite Support)

All the Juicebox gallery files must be on the same domain/subdomain as the JavaScript embedding code due to the same-origin policy. Please see this web page for further information.

If you are load the 'juicebox.js' file from a Dropbox server but all your other gallery files are on a different server (where your WordPress installation is hosted), then the gallery will likely not display.
Also, the complete 'jbcore' folder should be kept intact. Loading the 'juicebox.js' file in isolation will not work.

Upload the complete 'jbcore' folder to your own web server and load the 'jbcore/juicebox.js' file from within it.

4,533

(2 replies, posted in Juicebox-Pro Support)

All our demo galleries are compatible with Internet Explorer 9 (and all other current major browsers).
Make sure that your IE browser is not in compatibility mode and if you have any add-ons installed, try temporarily disabling them.

4,534

(5 replies, posted in Juicebox-Pro Support)

I am glad that you have solved your problem.

To clarify for other users reading this thread, in order to use the IPTC 'Document Title' values as image titles, select 'Images -> Titles -> Use IPTC Title' from the drop-down menu at the top of JuiceboxBuilder-Pro.
Likewise, to use the IPTC 'Description' values as image captions, select 'Images -> Titles -> Use IPTC Caption'.

4,535

(2 replies, posted in Juicebox-Pro Support)

Try the following as a gallery's 'index.html' file:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <style type="text/css">
        html, body {
            height: 100%;
            overflow-y: auto;
        }
        body {            
          margin: 0;
          padding: 0;
          background-color: #222222;
          color: #ffffff;
          font-family: sans-serif;
          font-size: 20px;        
        }
        #header {
          text-align: center;
          background-color: #333333;
          width: 100%;
          height: 20px;
          padding: 10px 0;
        }
        #footer {
          text-align: center;
          background-color: #333333;
          width: 100%;
          height: 20px;
          padding: 10px 0;
          position: relative;
          bottom: 0;
          left: 0;
        }
        #juicebox-content {
          width: 100%;
        }
    </style>
    <script type="text/javascript" src="jbcore/juicebox.js"></script>
    <script type="text/javascript">
    function doLayout() {
        var winHeight, headerHeight;
        winHeight = window.innerHeight ? window.innerHeight : $(window).height();
        headerHeight = $('#header').outerHeight();
        var galleryHeight = parseInt(winHeight) - parseInt(headerHeight);
        $('#juicebox-content').height(galleryHeight);
    }
    $(document).ready(function () {
        doLayout();
        $(window).bind('resize', doLayout);
        new juicebox({
            containerid : 'juicebox-container'
        });
    });
    </script>
    <title>Test</title>
</head>
<body>
    <div id="header">
        <span>Header</span>
    </div>
    <div id="juicebox-content">
        <div id="juicebox-container"></div>
    </div>
    <div id="footer">Footer</div>
</body>
</html>

4,536

(3 replies, posted in Juicebox-Pro Support)

Although your post is entitled "Gesture Issues 1.3.2", I notice that your gallery is Juicebox-Pro v1.2.0.
Try upgrading your gallery to the latest version of Juicebox-Pro (v1.3.2) to ensure that any bugs that were present in v1.2.0 but which have since been fixed are not contributing to your problems.
There have been many bugfixes since v1.2.0. For a full list of changes, please see the Version History.
For instructions on how to get the latest version and how to upgrade existing galleries, please see the Upgrading Juicebox page.

I do not know if it will help with the problems that you reported but your web page also has HTML errors which should be fixed.
You can check the validity of your web page's code with the W3C Markup Validation Service.

user swipes and the whole page moves

Try upgrading your gallery to Juicebox-Pro v1.3.2 and fix the HTML errors on your web page to see if this helps.
Otherwise, check that there are no HTML elements on your web page which are stacked on top of your gallery and overlap it parts of it.

user single touches the image and is hyperlinked to the directed page, this is the same gesture for clicking the navigation arrows

When setting imageClickMode="OPEN_URL", the main image in the gallery acts like a standard HTML hyperlink (where a single tap on the screen is all that is required to open the URL, just like any other link).
If you single-tap on a navigation button, the image will change, if you single-tap elsewhere on the main image, the URL will be opened.

user swipes and the blue browser hotspots stay highlighted

This bug has been fixed in Juicebox-Pro v1.3.2.

4,537

(2 replies, posted in Juicebox-Pro Support)

Upgrading the Photoshop Template from Juicebox-Lite to Juicebox-Pro does not change the user interface.
After upgrading, all galleries subsequently created with the template will be Pro galleries (which can be seen by the absence of the Juicebox logo in the bottom right corner of the galleries) but if you want to add Pro options, you would need to either:
(1) Open and edit a gallery with JuiceboxBuilder-Pro.
... or:
(2) Edit your gallery's 'config.xml' file in a plain text editor and add Pro options as attributes to the opening <juiceboxgallery> tag.

4,538

(7 replies, posted in Juicebox-Pro Support)

Please check the permissions of your 'images' and 'thumbs' folders on your web server (and the permissions of the image files themselves) to ensure that they are not too restrictive. (Please see my reply to your query in this forum post.)
Default permissions of 755 for folders and 644 for files should work fine.

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

4,539

(4 replies, posted in Juicebox-Pro Support)

@jongar

You can change the permissions of files and folders on a web server with an FTP program such as Filezilla.
Please see this web page for instructions.

4,540

(5 replies, posted in Juicebox-Pro Support)

Juicebox-Pro accepts only one string for the backButtonUrl and it cannot be changed once the gallery has loaded.
However, you could set the backButtonUrl to run a JavaScript function (on the same page as the gallery's embedding code) by setting:

backButtonUrl="javascript: backButton();"

... and have the function look something like this:

<script>
    function backButton() {
        var value = readCookie('myCookie');
        if (value == 'french') {
            document.location.href = "http://www.example.com/fr/"
        } else {
            document.location.href = "http://www.example.com/"
        }
    }
</script>

You would need to have your own function to read your cookie (in the above example named 'readCookie').

4,541

(5 replies, posted in Juicebox-Pro Support)

@Jensio

Make sure that you are using the latest version of JuiceboxBuilder-Pro (v1.3.2) and that you are entering your IPTC data in the correct fields in Adobe Photoshop.
For image Title: Adobe Photoshop -> File -> File Info... -> Description (tab) -> Document Title
For image Caption: Adobe Photoshop -> File -> File Info... -> Description (tab) -> Description

If you continue to experience difficulties, please upload an image somewhere and provide a download link so that I can take a look and help further.

4,542

(1 replies, posted in Juicebox-Pro Support)

the back/forward buttons and the top right controls have disappeared (both were set to overlay the image)

The main image navigation arrows and the Button Bar are not visible because they are both positioned on the overlay and you have set showImageOverlay="NEVER".
Try setting showImageOverlay="AUTO" and, if you want to initially hide the overlay when the gallery first loads, showOverlayOnLoad="FALSE".

It is not possible to use the Info Button to toggle the overlay on and off but have the image navigation buttons always visible as the image navigation buttons are always on the overlay (whether imageNavPosition is set to 'STAGE' or 'IMAGE').

As an alternative to using the Button Bar navigation buttons, you could use create and use your own 'previous' and 'next' buttons on your web page and have them act like the gallery's own image navigation buttons using the Juicebox-Pro API (specifically the showPreviousImage() and showNextImage() methods).

By default, imagePreloading is set to 'PAGE' so, unless you have changed it to 'ALL', there should be no need to alter this configuration option (and it will not affect the number of images that you can actually include in the gallery). In any Juicebox gallery (no matter how it is created), configuration options can be set in either the gallery's XML file (named 'config.xml' by default) or the gallery's embedding code as documented here.

If you are using the Juicebox module for Drupal (rather than the Embedding in a Drupal Site instructions) and need support for it, please post in the Drupal forum where the author of the plugin (not ourselves) should be able to help you further.

There is technically no limit to the number of images you can display in a Juicebox-Pro gallery. However, if you have a large number of images in your gallery, make sure that you do not set imagePreloading="ALL" (in which case, Juicebox-Pro will preload all the images in your gallery which may cause your browser to crash).

Also, if you are using JuiceboxBuilder-Pro to create your gallery and are trying to add all your images at once, there may be a memory issue coming into play. Even if your computer has plenty of free RAM, Adobe AIR and/or Juicebox-Pro may not be able to allocate enough for the task at hand, in which case, the workaround would be to add your images in smaller batches.

4,546

(3 replies, posted in Juicebox-Pro Support)

Make sure that you are using the latest version of Juicebox-Pro (v1.3.2).
Instructions on how to get the latest version and how to upgrade existing galleries can be found on the Upgrading Juicebox page.

Also, try clearing your browser's cache before reloading your gallery to ensure that your browser is fetching the most recent files from your web server.

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

You can initially hide the thumbnail page in Small Screen Mode by setting showSmallThumbsOnLoad="FALSE".

Also, you can set the firstImageIndex configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section) to go directly to a particular image in your gallery. (The index starts at 1 for the first image in the gallery.)

Depending on your setup, you may also want to set showSplashPage="NEVER" to display the gallery where the Splash Page would normally be. If you have embedded your gallery in a web page, this may be required in order to use the firstImageIndex configuration option.

4,548

(3 replies, posted in Juicebox-Pro Support)

If you find an image that Juicebox-Pro hangs on loading, please email it to me (or upload it somewhere and provide a download link) so that I can investigate further. Thank you.

Thank you for reporting.
I have logged a bug report with the developers but, unfortunately, I cannot give you an estimate of when this will be fixed.

4,550

(3 replies, posted in Juicebox-Pro Support)

Worked fine the first time I ran it now it will not load images either by drag and drop or browse.

Make sure that your image filenames use only alpha-numeric characters (and not other characters such as apostrophes or commas).
As the image filenames form part of a URL when uploaded to a web server, it would be wise to use only web-safe characters. Please see section 2.3 of this document for details.

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

JuiceboxBuilder-Pro should be able to handle all images whose filenames use any or all of these characters.

Perhaps JuiceboxBuilder-Pro is failing to add a particular image.
If this is the case, then try adding your images in small batches and then one at a time to try to find the image causing the problem.

I uninstalled the lite ver before installing the pro version - don't know if that matters or not.

This does not matter. You can install and run JuiceboxBuilder-Lite and JuiceboxBuilder-Pro side-by-side on the same machine.

If I open a Gallery I have created with SimpleViewer it only loads the first 15 images.

If you continue to experience difficulties, perhaps you could zip the gallery and email it to me (or upload it somewhere and provide a download link) so that I can take a look and help further.