4,501

(1 replies, posted in Juicebox-Pro Support)

It is not possible to have the thumbnail dots (or the thumbnails images) overlay the main image.
Possible values for the thumbsPosition configuration option (which determines the position of the thumbnail dots or images) are TOP, BOTTOM, LEFT and RIGHT (all of which are relative to the main image).

but when i click on the link the juicebox is displayed with the first config.xml file and not the config.xml of the link

I tested your code and it works fine (passing the 'images/2/config.xml' path to your loadjuicebox function) on clicking the link.
Here it is in action in a test gallery.

Make sure that your two 'config.xml' files are not identical.

Please post the URL to your web page so that I can take a look and help further.

Your code looks OK and should work fine as long as all your paths are correct and that you load the 'juicebox.js' file in your web page (as this is not in the code that you posted).
If you continue to experience difficulties, please post back with a description of the problem (does the first gallery display OK, does the second gallery not display when you click the link, are any error messages displayed?) and the URL to your web page so that I can take a look.

4,504

(21 replies, posted in Juicebox-Pro Support)

Yes. Copy and paste everything between the <!--START JUICEBOX EMBED--> and <!--END JUICEBOX EMBED--> comments (including the <noscript></noscript> tags).

It sounds like WordPress may somehow (perhaps by switching between 'Visual' and 'Text' input modes) be inserting formatting within the embedding code which is effectively corrupting the JavaScript code.
Take a look at the source of the web page containing the gallery in your browser to see if the embedding code looks OK.

4,506

(5 replies, posted in Juicebox-Pro Support)

Without seeing your gallery and the configuration options that your gallery uses, I cannot determine the cause of your problem but it sounds like your images may not be filling the gallery's image area (resulting in a space between the bottom of the image and the thumbnails). Whether or not the images fill the gallery's image area will depend on the aspect ratio of your images, the aspect ratio of the gallery's image area (which, if your gallery's dimensions are expressed as percentages, will depend on the aspect ratio of the user's browser window) and the value of the imageScaleMode configuration option.
If you use the following configuration options in your gallery, the bottom of the main image will always be touching the top of the thumbnails (with no space in between) no matter what all the different aspect ratios are. (Try resizing your browser window with a gallery using these settings.)

thumbsPosition="BELOW_IMAGE"
maxThumbRows="1"
maxThumbColumns="10"
imagePadding="0"
thumbPadding="0"
imageScaleMode="FILL"

If you do not want to use imageScaleMode="FILL", then perhaps you could fix your gallery's dimensions (using absolute pixel values rather than percentages) so that the aspect ratio of the gallery's image area closely matches that of your images. In doing so, the aspect ratio of the user's browser window (always an unknown quantity) will no longer be a factor in the equation.

4,507

(6 replies, posted in Juicebox-Pro Support)

The only difference between embedding a Juicebox gallery in a WordPress page and any other page is that in a WordPress (or any other CMS) environment, it can be difficult to work out relative paths as pages are generated dynamically. Therefore, it would be wise to use either absolute paths in your gallery's embedding code (in the form http://www.example.com/gallery/) or paths which start with a leading slash to denote the root directory (as you have chosen to do). Either of these notations avoid the need to work out relative paths from the page into which the gallery is embedded.

Being that you use the leading slash notation, you do not need to know the location of the page into which the gallery is embedded. You just need to work out the path to the gallery folder (which is where you uploaded it to on your web server) from your root directory.

The problem was that your paths originally included the folder 'matt_blog' which does not exist on your web server.

I understand that you do not want to use WP-Juicebox but this does avoid the need to worry about any paths.

In any case, I am glad that your gallery is now working.

4,508

(9 replies, posted in Juicebox-Pro Support)

I was testing the coupon code by going through the motions to purchase the Single-Site license (which seems to work fine).
However, I see from your screenshot that you are trying to purchase the 5-Site license and I can confirm that this is currently not working (although the price is reduced on our own web page after entering the code).
Apologies for the confusion and for the code not working.
I have notified the team and this should hopefully be fixed soon but please be patient as there may be no-one around to sort the problem until after the weekend.

4,509

(9 replies, posted in Juicebox-Pro Support)

When I try using the recent promotional code, the PayPal order summary page (and the final page immediately before clicking the 'Pay Now' button) shows the discounted price as expected.
Please try clearing your browser's cache and try again.
Otherwise, you could purchase Juicebox-Pro using Google rather than PayPal.

4,510

(6 replies, posted in Juicebox-Pro Support)

If you choose not to use WP-Juicebox, I would recommend using the baseURL method of embedding (documented here, as you are already doing). It allows you to upload your complete gallery folder (not just the contents) to anywhere you like on your web server. You would enter the embedding code into the body of the WordPress page (or post) ensuring that the method of entry is 'Text' rather than 'Visual'.

Your gallery currently displays the 'Config XML file not found.' message because your gallery uses the following code:

baseUrl : '/matt_blog/wp-content/JuiceboxGalleries/DaraghNessaWedding/',

... but the gallery does not seem to exist at that location.

You are seeing the 'Config XML file not found.' message only because WP-Juicebox is still activated in your WordPress installation and the web page is loading the 'juicebox.js' file from the plugin.
Your own gallery's embedding code contains the line:

<script src="/matt_blog/wp-content/JuiceboxGalleries/DaraghNessaWedding/jbcore/juicebox.js"></script>

... but there is no 'juicebox.js' file at that location either.

Make sure that you have uploaded your complete gallery folder to the correct location on your web server.

Also, if you choose not to use WP-Juicebox, you should deactivate it from the plugins menu as loading two different versions of the 'juicebox.js' file on the same web page (which may happen if you leave the plugin enabled and manually embed a Juicebox gallery of a different version) may cause problems.

4,511

(21 replies, posted in Juicebox-Pro Support)

The SEO code is not included in the embedding code provided in JuiceboxBuilder-Pro's 'Publish' tab.
If you are embedding the gallery in an existing web page alongside other content and want the SEO code to be included in the web page you will need to copy and paste the embedding code and the SEO code from the gallery's 'index.html' file (not just the embedding code from JuiceboxBuilder-Pro).

4,512

(3 replies, posted in Juicebox-Pro Support)

When setting a watermark in JuiceboxBuilder-Pro, the watermark image becomes part of the main image itself (it is not simply superimposed on top of the image when the gallery is displayed) and cannot be removed.
However, when an image is purchased, Fotomoto will email you and request a high resolution version of the image be uploaded for printing. When this happens, you can provide a non-watermarked version of the image in question.
Please see this Fotomoto support page for details.

4,513

(21 replies, posted in Juicebox-Pro Support)

and then the image names and captions

If you are seeing the image names and captions in the gallery's 'index.html' file, then this is the SEO content.
If you deselect the 'Add SEO Content' checkbox and re-save the gallery, you will see that the image names and captions are no longer included in the gallery's 'index.html' file.
If you do not see the <noscript> tags or the HTML comment I posted above, then perhaps your text editor is hiding them from view.
Make sure your text editor is set to display plain text.

It sounds like your gallery may be affected by a known bug whereby captions can disappear under certain circumstances.
This bug should hopefully be fixed in the next version of Juicebox but, until then, it would be wise to avoid the following combinations of configuration options:

  • captionPosition="BELOW_IMAGE" in conjunction with showImageOverlay="NEVER"

  • captionPosition="BELOW_THUMBS" in conjunction with AutoPlay functionality

If this does not sound like the problem you are experiencing, please post the URL to your gallery so that I can take a look.

4,515

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

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

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

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

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

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

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

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

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

(1 replies, posted in Juicebox-Pro Support)

Try the following:

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

4,525

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