4,476

(5 replies, posted in Juicebox-Lite Support)

Is there an option to have thumbnails to the right of the main image,

Yes. Set thumbsPosition="RIGHT".

and can I decide how many ie. 2 columns x 6 rows of thumbnails?

Yes. Set maxThumbColumns="2" and maxThumbRows="6" (though please note that these are maximum values and the actual number of thumbnails displayed on the page will depend on the user's browser window size).
A list of all Juicebox-Pro configuration options (including thumbnail options) can be found here.
Take a look at the 'Simple' demo on this web page to see a gallery displaying a grid of thumbnails (to the left of the main image).

Is it also possible to remove the image title and the grey area in which this appears?

Yes. Set captionPosition="NONE".

4,477

(21 replies, posted in Juicebox-Pro Support)

@maxphoto

The SEO content can be found in the gallery's 'index.html' file between the <noscript></noscript> tags (below the following comment):

<!-- Image gallery content for non-javascript devices -->

Make sure that you are using the latest version of JuiceboxBuilder-Pro (v1.3.2) and that you have selected the 'Add SEO Content' checkbox in the 'Customize -> Sharing' section.
If you need to upgrade your version of JuiceboxBuilder-Pro, please see the Upgrading Juicebox page for details.

4,478

(5 replies, posted in Juicebox-Pro Support)

The embed code that the Juicebox (v1.3.2) desktop app writes does not work on Android 4.1.2 on my Samsung Galaxy S II.

Try clearing your browser's cache before reloading the gallery to see if this makes a difference.
We have not had any other reports from Android users to say that the 'index.html' page generated by JuiceboxBuilder-Pro v1.3.2 results in a blank web page with no gallery displayed.

It might just be an odd combo of Android 4.1.2 with a Samsung Galaxy S II, and it might not be happening on other smartphones.

Just for the record, I have viewed your gallery in Chrome 28 and Mobile Safari on an iPod Touch 4 (iOS 6.1.3) and it displays fine.

4,479

(3 replies, posted in Juicebox-Pro Support)

I'm going to look into the html errors but I am skeptical that that it will resolve the whole page moving.  Is this non-typical behavior? Could it be my divs?

Horizontal swiping within a gallery should change the main image. However, if your swipe gesture starts outside the gallery, it will likely scroll the whole page.

Is it possible for me to change the clickmode for just the image?

You could change imageClickMode from OPEN_URL to NAVIGATE or NONE.
If you still want to allow users to open the linkURLs associated with each image, you could set showOpenButton="TRUE" (to display the 'Open Image' button on the Button Bar) and use the languageList option to change its rollover text from 'Open Image in New Window' to something like 'Click to Open Web Page'.

4,480

(1 replies, posted in Juicebox-Pro Support)

I have viewed your gallery in IE10 (and IE8 and IE9 Browser Modes within IE10) and in IE8 and IE9 tabs in IETester and the icons are displayed OK in all tests.

Make sure that your IE browser is not in compatibility mode and try clearing your browser's cache before reloading the gallery.
Also, try temporarily disabling any extensions that you might have installed in your browser to see if this makes a difference.

4,481

(5 replies, posted in Juicebox-Lite Support)

The order of the images is important, so I will just create a new gallery eachtime my portfolio needs updating.

Creating a new gallery (or updating the existing one) as and when you need to is fine but if you were to purchase Juicebox-Pro, you could still use my Flickr suggestion and have the images sorted automatically in your gallery using the flickrSort configuration option.

4,482

(7 replies, posted in Juicebox-Pro Support)

Your web server is serving up files very slowly at the moment.
This may have something to do with your problem. Try contacting your web host to see if they are currently experiencing any issues which may be contributing to your problem.

Looked for permissions setting on GoDaddy... all I see is an eyeball.

There may still be a problem with the permissions.
Please check that all folders have permissions of 755 and all files have permissions of 644.
If you have any trouble doing this, your web host should be able to help you.

4,483

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

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

(1 replies, posted in Juicebox-Pro Support)

Try the following:

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

4,486

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

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

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

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

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

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

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

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

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

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

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

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

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

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