Juicebox v1.5.1 Released!

2013-07-22 10:15:16

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

2013-07-22 10:05:45

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

2013-07-21 20:52:25

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.

2013-07-21 16:45:05

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.

2013-07-21 16:41:31

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

2013-07-21 10:46:28

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>

2013-07-21 10:31:29

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.

2013-07-21 10:15:14

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.

2013-07-21 10:08:56

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.

2013-07-21 10:06:20

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

2013-07-20 10:57:04

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').

2013-07-20 10:42:24

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

2013-07-17 22:22:19

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

2013-07-17 22:17:52

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

2013-07-17 09:43:24

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.

2013-07-16 09:47:43

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.

2013-07-16 09:39:24

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.

2013-07-16 09:39:22

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.

2013-07-16 09:30:36

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.

2013-07-15 18:12:26

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.

2013-07-15 18:09:15

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.

2013-07-15 11:38:04

As noted here:

Note that the Juicebox gallery will not show in Dreamweaver's design preview. To view your gallery, view the HTML page in a browser.

When previewing your gallery, make sure that your web page files have actually been exported to your hard drive (ready for upload to your web server) rather than still being a work-in-progress within Dreamweaver.

2013-07-15 11:31:47

Please ensure that you are using the latest version of WP-Juicebox (v1.3.2.0) which can be downloaded from this web page.
What you have been doing sounds correct and I have just followed the steps that you have described in a test gallery and the Pro Options are included in the gallery's XML file OK (although setting galleryTitlePosition="NONE" will override galleryTitleHAlign="RIGHT" in that the Gallery Title will not be displayed and, therefore, its horizontal alignment is redundant).
Please post the URL to your gallery so that I can take a look and help further.

2013-07-15 11:22:41

when the menu on the left got longer than the screen it wasnt scrollable

The point of the template is that the web page is scaled to fit the user's browser (no matter what its size) without any scroll bars. If you want to have scrollable sections in your web page, then you will need to try a different page layout (or perhaps modify the existing template to suit your needs).
Your web page's side menu does not seem to have so much content that scroll bars should be essential.
Perhaps just tweaking the size of your logo and the font size of your text will help make it all fit on a smaller screen.

As your web site is a portfolio web site showcasing multiple galleries, you might be interested in another one of our products: Showkase.
Showkase is a PHP web application which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) galleries and the galleries are created within the application itself in a web browser interface.
You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image (with the gallery title displayed below) and the gallery is opened when the user clicks on the image.
You can also create non-gallery pages (such as an 'About' page or a 'Contact' page).
Demo sites can be found here and a sample Gallery Index page can be found here.

2013-07-15 11:10:04

You should set:

showThumbsOnLoad: 'false',
showSmallThumbsOnLoad: 'false',
showThumbsButton: 'false',
showSmallThumbsButton: 'false',

Your code is missing the showThumbsOnLoad entry and showSmallThumbs and showLargeThumbs are not valid Thumbnail Options in the current version of Juicebox-Pro (v1.3.2).

Juicebox v1.5.1 Released!

Search options (Page 182 of 235)

Posts found: 4,526 to 4,550 of 5,851

4,526 Reply by Steven @ Juicebox 2013-07-22 10:15:16

Re: Images will not load on remote site (7 replies, posted in Juicebox-Pro Support)

4,527 Reply by Steven @ Juicebox 2013-07-22 10:05:45

Re: Wordpress dashboard widget (5 replies, posted in Juicebox-Lite Support)

4,528 Reply by Steven @ Juicebox 2013-07-21 20:52:25

Re: Wordpress dashboard widget (5 replies, posted in Juicebox-Lite Support)

4,529 Reply by Steven @ Juicebox 2013-07-21 16:45:05

Re: Juicebox Pro demos not working (2 replies, posted in Juicebox-Pro Support)

4,530 Reply by Steven @ Juicebox 2013-07-21 16:41:31

Re: Caption (5 replies, posted in Juicebox-Pro Support)

4,531 Reply by Steven @ Juicebox 2013-07-21 10:46:28

Re: Making Juicebox embed with a dynamic height (2 replies, posted in Juicebox-Pro Support)

4,532 Reply by Steven @ Juicebox 2013-07-21 10:31:29

Re: Gesture Issues 1.3.2 (3 replies, posted in Juicebox-Pro Support)

4,533 Reply by Steven @ Juicebox 2013-07-21 10:15:14

Re: Using Pro version in Photoshop (2 replies, posted in Juicebox-Pro Support)

4,534 Reply by Steven @ Juicebox 2013-07-21 10:08:56

Re: Images will not load on remote site (7 replies, posted in Juicebox-Pro Support)

4,535 Reply by Steven @ Juicebox 2013-07-21 10:06:20

Re: Gallery showing up localy not not once uploaded (4 replies, posted in Juicebox-Pro Support)

4,536 Reply by Steven @ Juicebox 2013-07-20 10:57:04

Re: Back button from cookie? (5 replies, posted in Juicebox-Pro Support)

4,537 Reply by Steven @ Juicebox 2013-07-20 10:42:24

Re: Caption (5 replies, posted in Juicebox-Pro Support)

4,538 Reply by Steven @ Juicebox 2013-07-17 22:22:19

Re: Deactivate splash page with buttons showing (1 replies, posted in Juicebox-Pro Support)

4,539 Reply by Steven @ Juicebox 2013-07-17 22:17:52

Re: Navigation buttons always on but show/hide caption with info button (2 replies, posted in Juicebox-Pro Support)

4,540 Reply by Steven @ Juicebox 2013-07-17 09:43:24

Re: juicebox + drupal7 - cannot up more than 140 pics (3 replies, posted in Juicebox-Pro Support)

4,541 Reply by Steven @ Juicebox 2013-07-16 09:47:43

Re: juicebox + drupal7 - cannot up more than 140 pics (3 replies, posted in Juicebox-Pro Support)

4,542 Reply by Steven @ Juicebox 2013-07-16 09:39:24

Re: Can't Hide Thumbnail (3 replies, posted in Juicebox-Pro Support)

4,543 Reply by Steven @ Juicebox 2013-07-16 09:39:22

Re: can I get the initial state to be a full image instead of the thumbs (1 replies, posted in Juicebox-Pro Support)

4,544 Reply by Steven @ Juicebox 2013-07-16 09:30:36

Re: Pro will not load images (3 replies, posted in Juicebox-Pro Support)

4,545 Reply by Steven @ Juicebox 2013-07-15 18:12:26

Re: javascript API has broken functions (Small View) (1 replies, posted in Juicebox-Pro Support)

4,546 Reply by Steven @ Juicebox 2013-07-15 18:09:15

Re: Pro will not load images (3 replies, posted in Juicebox-Pro Support)

4,547 Reply by Steven @ Juicebox 2013-07-15 11:38:04

Re: firefox first image anomaly (3 replies, posted in Juicebox-Lite Support)

4,548 Reply by Steven @ Juicebox 2013-07-15 11:31:47

Re: wp-plugin pro options not working in 1.3.2 (2 replies, posted in Juicebox-Pro Support)

4,549 Reply by Steven @ Juicebox 2013-07-15 11:22:41

Re: resizing when juicebox in div (9 replies, posted in Juicebox-Pro Support)

4,550 Reply by Steven @ Juicebox 2013-07-15 11:10:04

Re: Can't Hide Thumbnail (3 replies, posted in Juicebox-Pro Support)

Posts found: 4,526 to 4,550 of 5,851