4,526 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

How can I force it to open the link in the existing window?

Image-specific settings (such as linkTarget) are not stored in preset XML files and it is currently not possible to set the linkTarget entries within the Showkase interface. (This functionality will be introduced in the next version of Showkase although I do not know when it will be released.)
Currently, the linkTarget entries in your gallery's XML file are empty so Juicebox-Pro uses the default value of '_blank'.
You could open the gallery's XML file ('djphoto.com/work1/corporate-events/config.xml') in a plain text editor and change all the linkTarget="" entries to linkTarget="_self".

Is there a way to keep the Title that appears at the lower portion of the picture visible even when the cursor moves away from the large image and thumbnails?

Currently, your caption is positioned on the image overlay (captionPosition="OVERLAY_IMAGE").
You can have the image overlay displayed at all times by setting showImageOverlay="ALWAYS" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).
Otherwise, you could reposition the caption to somewhere other than the overlay, e.g. captionPosition="BELOW_IMAGE" (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

Go to forum: Juicebox-Pro Support

4,527 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Make sure your 'juicebox.xml' presets file sets imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) so that the linkURLs are opened when the user clicks on the main images. Otherwise, the linkURLs will be opened only when the user clicks on the Open Image button in the Button Bar (which your gallery has disabled).

Go to forum: Juicebox-Pro Support

4,528 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

I have viewed your gallery in Safari 5.1.7 (PC) and do not see any shadows on the edge of any of your images.
I have also viewed your gallery in Firefox 22.0 (PC) and your gallery does not display thumbnails.

Try clearing your browsers caches to ensure that your browsers are fetching the most recent gallery files from your web server and are not hanging onto and using older version of your gallery files.

Go to forum: Juicebox-Pro Support

4,529 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

This is not possible in Juicebox-Lite but it is possible in Juicebox-Pro.
If you have a gallery with only one image and would like to hide the thumbnail, set the following configuration options (which will hide the thumbnails and Thumbnail Button (in the Button Bar) in both Small Screen and Large Screen modes).

showThumbsOnLoad="FALSE" (Juicebox-Pro only)
showSmallThumbsOnLoad="FALSE" (Juicebox-Pro only)
showThumbsButton="FALSE" (Juicebox-Lite & Juicebox-Pro)
showSmallThumbsButton="FALSE" (Juicebox-Pro only)

Go to forum: Juicebox-Lite Support

4,530 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I do not know the exact reason behind this issue but it certainly seems to be unique to Mobile Chrome.
I think it is unlikely that this line of code will be included in a future version of Juicebox as we try to keep the 'index.html' file as minimal as possible. Some users may use the 'index.html' file to load the gallery into an <iframe> and may not want the web page to be scaled on mobile devices.

Go to forum: Juicebox-Pro Support

4,531 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

Both the showSplashPage and screenMode configuration options are available in Juicebox-Pro only (and not in Juicebox-Lite).
It is not possible to override the use of the Splash Page on mobile devices in Juicebox-Lite.

Go to forum: Juicebox-Lite Support

4,532 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Lite Support)

For the first gallery on your page, try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="float: left;"></div>

This should hopefully position your gallery below your text (without a large gap) and allow you to increase the spacing in your side menu.

Incidentally, you have several <div id="themes"> entries on your web page. Each id on a web page should be unique.
If you need to apply CSS rules to multiple elements, you should use classes instead of ids.
Please see this web page for details.

Also, I would recommend not using universal CSS such as the following in your 'main.css' file.

* {
    margin:0px;
    padding:0px;
    border:0px;
}

Such rules will apply to all elements on your web page including those in your galleries. The galleries have no choice but to inherit these rules. Try to apply CSS rules to only those elements on your page which specifically require them through use of classes and ids.

Go to forum: Juicebox-Lite Support

4,533 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

What you are describing is the gallery's Splash Page. (Please see here for further details on how Juicebox adapts to different devices adn screen sizes.)
You can disable the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

Go to forum: Juicebox-Lite Support

4,534 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Lite Support)

@ross.tormey

Thank you for posting in the forum. I tried responding to your support email many times over a period of several days but just received "Delivery Status Notification (Failure)" messages.

It looks like the space at the top of your gallery may be caused by some CSS in your 'main.css' file.
I believe the space may be the margin and padding at the bottom of the ol li section.
Notice how the top of the gallery is in line with the bottom of the 'leftNames' <div>.
Open the 'main.css' file in a plain text editor and try changing the following code:

ol li {
    font-size:15px;
    font-weight: normal;
    color:red;
    border-bottom:1px solid #ccc;
    padding:0 0 15px;
    margin:0 10px 15px 0;
    color: red;
}

... to:

ol li {
    font-size:15px;
    font-weight: normal;
    color:red;
    border-bottom:1px solid #ccc;
    padding:0 0 0;
    margin:0 10px 0 0;
    color: red;
}

... to see if it makes a difference.

Also, I notice that your web page does not use a Doctype declaration. It is important that each HTML document uses a Docytype declaration in order to inform the user's browser what set of standards the code on your web page should conform to. Add an appropriate Doctype declaration to your page: http://www.w3.org/QA/2002/04/valid-dtd-list.html
From the look of your code, you could use the HTML 5 Doctype. Add the following code to the very top of your HTML page (before the opening <html> tag).

<!DOCTYPE html>

Once you have added the Doctype Declaration to your web page, you can check the page for HTML errors (and fix any errors reported) with the W3C Markup Validation Service: http://validator.w3.org/

Go to forum: Juicebox-Lite Support

4,535 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Using the <meta> 'viewport' tag does, indeed, solve the problem in Chrome on iOS devices and this line of code must be included in the <head> section of the web page into which the gallery is embedded.

do I need to edit index.htm all the time or is there a possibility to automate this workaround?

If you would like this line of code to be included in all 'index.html' files generated by JuiceboxBuilder-Pro (to save you having to manually add it after creating each gallery), you can modify the template file that JuiceboxBuilder-Pro uses to create the 'index.html' files.
Open the following file in a plain text editor: C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html
... and add the line of code to the HTML document's <head> section.

Go to forum: Juicebox-Pro Support

4,536 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

I notice that you also load jQuery v1.8.2 in your web page (before loading the 'juicebox.js' file).
I have created a test gallery in which I load jQuery v1.8.2, then 'juicebox.js' and then jQuery v1.6.4 and the gallery still displays OK so check the rest of the code on your web page to see if there is perhaps anything else which might be causing your gallery to not display.
Unfortunately, it is likely to be a difficult page to debug (as it loads many external CSS and JavaScript files) and some trial and error may be required.
Try removing elements from your web page, one at a time until the gallery displays OK and you find the cause of the problem.

Go to forum: Juicebox-Lite Support

4,537 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

If you see the Juicebox badge/link in the bottom right corner of your galleries, then your galleries are still Juicebox-Lite rather than Juicebox-Pro.
You can upgrade WP-Juicebox (the Juicebox plugin for WordPress) from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following the instructions here.
If you are in any doubt as to whether the existing 'jbcore' folder is being overwritten with the Pro version, try deleting the existing 'jbcore' folder from your web server first before uploading the Pro version in its place.

Go to forum: Juicebox-Pro Support

4,538 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Lite Support)

Try updating the version of jQuery on your web page. The current stable version is v1.10.2. (jQuery v1.6.4 is a couple of years old now.) The 'juicebox.js' file comes bundled with its own version of jQuery and loading an older version of jQuery after loading the 'juicebox.js' file in your web page may cause problems.

Go to forum: Juicebox-Lite Support

4,539 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

The font icons display fine in all browsers I have viewed your gallery in (Firefox 22.0, IE10, Chrome 28, Safari 5.1.7 and Opera 15.0 and in Mobile Safari and Chrome 28 on an iPod Touch).
Do the other font icons (used in the gallery's Button Bar) display OK?
Do all the icon fonts display OK in our demo gallery here www.juicebox.net/demos/pro/full/ ?

I am using windows mobile.

What device and browser/version do you use?
It looks like the mobile version of Internet Explorer bundled with Windows Phone 7 does not support the standard WOFF font format (which Juicebox uses for the gallery icons). Support for this was introduced in Windows Phone 8. Please see this web page for details.

Go to forum: Juicebox-Pro Support

4,540 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,541 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

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.

Go to forum: Juicebox-Lite Support

4,542 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

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.

Go to forum: Juicebox-Lite Support

4,543 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,544 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,545 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,546 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,547 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,548 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,549 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

4,550 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support