Juicebox v1.5.1 Released!

2013-08-04 13:56:25

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)

2013-08-03 06:38:19

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.

2013-08-03 06:37:19

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.

2013-08-02 23:07:33

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.

2013-08-02 09:20:30

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

2013-08-01 22:04:45

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

2013-08-01 11:07:27

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.

2013-08-01 11:00:22

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.

2013-07-31 13:27:58

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.

2013-07-31 10:59:07

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.

2013-07-31 10:59:05

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.

2013-07-30 22:33:43

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

2013-07-30 09:30:22

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.

2013-07-29 17:53:49

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.

2013-07-29 17:47:08

Yes. Copy and paste everything between the  and  comments (including the <noscript></noscript> tags).

2013-07-29 17:45:18

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.

2013-07-28 23:25:26

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.

2013-07-28 16:01:54

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.

2013-07-28 15:29:14

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.

2013-07-28 10:49:15

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.

2013-07-27 14:13:56

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.

2013-07-26 21:47:23

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

2013-07-26 17:21:52

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.

2013-07-25 09:35:12

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.

2013-07-24 21:50:42

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.

Juicebox v1.5.1 Released!

Search options (Page 179 of 233)

Posts found: 4,451 to 4,475 of 5,812

4,451 Reply by Steven @ Juicebox 2013-08-04 13:56:25

Re: Thumbnails (4 replies, posted in Juicebox-Lite Support)

4,452 Reply by Steven @ Juicebox 2013-08-03 06:38:19

Re: problems with iOS Chrome browser (7 replies, posted in Juicebox-Pro Support)

4,453 Reply by Steven @ Juicebox 2013-08-03 06:37:19

Re: Juice box issue with jquery 1.6.4.min.js page not loading.... (7 replies, posted in Juicebox-Lite Support)

4,454 Reply by Steven @ Juicebox 2013-08-02 23:07:33

Re: Big Space above gallery :( (8 replies, posted in Juicebox-Lite Support)

4,455 Reply by Steven @ Juicebox 2013-08-02 09:20:30

Re: Juice box issue with jquery 1.6.4.min.js page not loading.... (7 replies, posted in Juicebox-Lite Support)

4,456 Reply by Steven @ Juicebox 2013-08-01 22:04:45

Re: Big Space above gallery :( (8 replies, posted in Juicebox-Lite Support)

4,457 Reply by Steven @ Juicebox 2013-08-01 11:07:27

Re: problems with iOS Chrome browser (7 replies, posted in Juicebox-Pro Support)

4,458 Reply by Steven @ Juicebox 2013-08-01 11:00:22

Re: Juice box issue with jquery 1.6.4.min.js page not loading.... (7 replies, posted in Juicebox-Lite Support)

4,459 Reply by Steven @ Juicebox 2013-07-31 13:27:58

Re: Upgrade = Headache :( (2 replies, posted in Juicebox-Pro Support)

4,460 Reply by Steven @ Juicebox 2013-07-31 10:59:07

Re: Juice box issue with jquery 1.6.4.min.js page not loading.... (7 replies, posted in Juicebox-Lite Support)

4,461 Reply by Steven @ Juicebox 2013-07-31 10:59:05

Re: Thumbnail Icons not showing (2 replies, posted in Juicebox-Pro Support)

4,462 Reply by Steven @ Juicebox 2013-07-30 22:33:43

Re: Thumbnail Dots overlay? (1 replies, posted in Juicebox-Pro Support)

4,463 Reply by Steven @ Juicebox 2013-07-30 09:30:22

Re: Question about dynamicly seting config.xml in juicebox on ajax website (4 replies, posted in Juicebox-Lite Support)

4,464 Reply by Steven @ Juicebox 2013-07-29 17:53:49

Re: Question about dynamicly seting config.xml in juicebox on ajax website (4 replies, posted in Juicebox-Lite Support)

4,465 Reply by Steven @ Juicebox 2013-07-29 17:47:08

Re: WP-Juicebox addSEOContent="TRUE" not working (21 replies, posted in Juicebox-Pro Support)

4,466 Reply by Steven @ Juicebox 2013-07-29 17:45:18

Re: When updating post after publishing, JB Gallery disappears (3 replies, posted in Juicebox-Pro Support)

4,467 Reply by Steven @ Juicebox 2013-07-28 23:25:26

Re: Thumbnails / Placed Directly UNDER the image (5 replies, posted in Juicebox-Pro Support)

4,468 Reply by Steven @ Juicebox 2013-07-28 16:01:54

Re: Working Wordpress gallery now has error (6 replies, posted in Juicebox-Pro Support)

4,469 Reply by Steven @ Juicebox 2013-07-28 15:29:14

Re: Juicebox Promotional Coupon (9 replies, posted in Juicebox-Pro Support)

4,470 Reply by Steven @ Juicebox 2013-07-28 10:49:15

Re: Juicebox Promotional Coupon (9 replies, posted in Juicebox-Pro Support)

4,471 Reply by Steven @ Juicebox 2013-07-27 14:13:56

Re: Working Wordpress gallery now has error (6 replies, posted in Juicebox-Pro Support)

4,472 Reply by Steven @ Juicebox 2013-07-26 21:47:23

Re: WP-Juicebox addSEOContent="TRUE" not working (21 replies, posted in Juicebox-Pro Support)

4,473 Reply by Steven @ Juicebox 2013-07-26 17:21:52

Re: fotomoto order watermark problem (3 replies, posted in Juicebox-Pro Support)

4,474 Reply by Steven @ Juicebox 2013-07-25 09:35:12

Re: WP-Juicebox addSEOContent="TRUE" not working (21 replies, posted in Juicebox-Pro Support)

4,475 Reply by Steven @ Juicebox 2013-07-24 21:50:42

Re: juicebox 1.3.2, Dreamweaver CS6 and Titles [SOLVED] (3 replies, posted in Juicebox-Pro Support)

Posts found: 4,451 to 4,475 of 5,812