3,426

(3 replies, posted in Juicebox-Pro Support)

According to this Flickr help page, there are no sizes between large and original which can be accessed by the Flickr API.

Do you have any information (links to any web pages) which reference the new sizes you refer to?

The only sizes which can currently be displayed by a Juicebox-Pro gallery are: MEDIUM, LARGE and ORIGINAL (as noted in the Flickr configuration options).

For Juicebox to be able to display any new sizes, Flickr would have to allow access to them via their API and Juicebox would have to be updated to handle them.

3,427

(1 replies, posted in Juicebox-Pro Support)

Yes. The Expand Button is automatically disabled when a Juicebox gallery is loaded into a frame or an iframe.
This is noted in '2) Using an iframe' in the 'Using an External Gallery Folder' support section here.
The only way around this would be to embed the gallery directly into your web page following the standard instructions here or the baseUrl instructions here.

3,428

(1 replies, posted in Juicebox-Lite Support)

but the image itself is missing

Please see this FAQ:
My images show locally, but not when I upload them to my website. Why?

Please also check the permissions of the 'images' folder and the image files themselves on your web server with an FTP program. Default permissions of 755 for folders and 644 for files should be fine.

i can't navigate using keyboard

Please ensure that enableKeyboardControls="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

or mouse clicks

This sounds like you may have an element on your web page obscuring (stacked on top of) your gallery rendering the controls inactive. Please check the CSS of your web page with your browser's developer tools (usually F12) to see if this may be the case.

As you have several problems, please also try re-uploading the entire Juicebox-Pro v1.4.2 'jbcore' folder to your web server to ensure that all core Juicebox files are present and correct in case something happened during the initial upload resulting in a corrupt or missing file.

Also, try clearing your browser's cache before reloading your gallery to ensure that your browser is fetching and using the most recent gallery files from your web server.

If you continue to experience difficulties, please let me know and I will send you an email address where you can provide me with the URL to your gallery so that I can take a look for myself and help further.

3,429

(2 replies, posted in Juicebox-Pro Support)

If you would like to disable the drop-shadow on the main images in your gallery, then set imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

3,430

(8 replies, posted in Juicebox-Pro Support)

Many thanks for the screenshots.
I have passed them on to the developers.

3,431

(8 replies, posted in Juicebox-Pro Support)

Also, I attempted to do that change in the Pro options, I could enter the text OK, but when I saved the option, it is not saving. The Save and cancel buttons both get a little opaque. Even waiting for minutes, the option to save or cancel does not become clickable again. I then refresh the screen and get the same situation.

There is currently a bug which affects WebKit browsers (such as Chrome and Opera) whereby edited values are not saved. The bug will be fixed in the next version of WP-Juicebox but in the meantime, a quick and easy fix is to open the 'wp-juicebox/js/edit.js' file in a plain text editor and remove lines 9, 10 and 11:

jQuery('input', '#jb-edit-action, #jb-set-action').click(function() {
    jQuery('input', jQuery(this).parent()).prop('disabled', true);
});

This will not affect the functionality of WP-Juicebox.
Alternatively, you can edit a gallery from the 'Manage Galleries' page using either Firefox or Internet Explorer.

There are only two known bugs in the current version of WP-Juicebox and, as a Picasa Web Album and WebKit browser user, it is unfortunate that your scenario has uncovered both of them. Please be assured, though, that we aim to fix all known bugs

... it is not showing.

Your gallery certainly displayed OK when I tried it yesterday.
However, it does not seem to be working at the moment.
The problem seems to be with either the creation of the creation of the XML file on your web server or the fetching of the images URLs from your Picasa Web Album.
If I try to open your gallery's XML file (which is created dynamically by a PHP file) directly in a browser, the XML data is never displayed (although it displayed OK yesterday): http://malibu-gates.com/wp-content/plug … llery_id=2

Please try uploading this version of WP-Juicebox [File removed.] to your 'plugins' folder.
It contains fixes for both bugs (the Picasa Web Album not displaying at all and the inability to edit a gallery in WebKit browsers) and also bypasses a routine which checks the suitability of images returned by Picasa for a Juicebox gallery which should speed up the XML file creation process.
There is no 'jbcore' folder in this zip file so you can upload the entire contents to your 'plugins' directory (and allow it to overwrite all existing files) and it will not overwrite your current 'jbcore' folder.

You might also like to try creating a test gallery using the Picasa User Id "picasateam" and the Picasa Album Id/Name "VegasWeekend" (a small test Picasa Web Album with 14 images) to see if this displays OK.

3,432

(5 replies, posted in Juicebox-Lite Support)

It looks like Google have changed their Drive interface and the 'Preview' button to generate a URL for the gallery's 'index.html' page is no longer displayed on the toolbar.

Please see this Google forum thread relating to this issue.

Try one of the following to get the required URL to use in your iframe:

Method #1:
(1) In a web browser, log into your Google Account.
(2) Open Drive.
(3) Make sure that you are using the old Drive by clicking on the 'cog' icon and selecting 'Leave the new Drive' (if necessary).
(4) Open your gallery folder.
(5) Select the checkbox next to the gallery's HTML index page.
(6) Make sure the 'Details/Activity' side pane is open (by clicking on the 'info' icon if necessary).
(7) Click 'Details' (rather than 'Activity).
(8) Scroll down to the 'Hosting' section.
(9) Copy the URL displayed.

This screenshot should hopefully make things a little clearer.

Method #2:
Alternatively, you could build the required URL manually as follows:
(1) Start with a base of https://googledrive.com/host/
(2) Add the Folder ID. Open the gallery folder in Drive in a browser and copy the ID from the URL in the browser's address bar. It will look something like this: 0BxXHNif2h4NRcmxHOW9lUDBWWTQ
(3) Add a slash ('/') to the URL.
(4) Add the name of the gallery's index page.
You will end up with a URL which looks like: https://googledrive.com/host/0BxXHNif2h4NRcmxHOW9lUDBWWTQ/index.html
If Google do not reinstate the 'Preview' button soon, I will ensure that the instructions on our web site are updated accordingly.

@come_paglia

Yes. If you want to add common embedding code settings (stored in a file named 'extra.php'), then you can essentially follow the same procedure as above.

(1) Change the file extension of the page containing your gallery's embedding code from .htm or .html to .php.

(2) Use embedding code such as the following:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js" type="text/javascript"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        <?php include 'extra.php'; ?>
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(3) Your 'extra.php' file might look something like this:

galleryWidth: "600",
galleryHeight: "400",
backgroundColor: "rgba(255,255,255,1)",
stagePadding: '20',
useThumbDots: "TRUE"

I am glad that you have both been able to implement my solution and that it works OK.

@philcarcassonne

In answer to your other question:

When is the new update will be ready?

I do not know when the next version of Juicebox will be released.
If you would like to be notified when new versions are released, then please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

3,435

(8 replies, posted in Juicebox-Pro Support)

Thank you for checking the demo galleries on your device.
I have notified the developers of both these issues and hopefully they will be fixed in a future version.

It looks like the first problem (the caption area spilling over outside the browser window) may be due to setting thumbNavPosition="BOTTOM" (in JuiceboxBuider-Pro's 'Customize -> Thumbnail' section) and the space required for the thumbnail navigation arrows below the thumbnails not being taken into account in the gallery layout. Try setting thumbNavPosition="CENTER" to see if this helps.
Another possible workaround until the bug is fixed might be to increase the maxCaptionHeight (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

With regard to the second problem  (the thumbnails increasing in size when closing an expanded gallery for a second time), could you perhaps take a couple of screenshots of our Simple demo gallery (before and after the issue occurs) to illustrate the problem. (I do not have Galaxy Pro 10.1 on which to test.) Thank you.
Unfortunately, I do not think that there is an easy workaround for this problem.

3,436

(8 replies, posted in Juicebox-Pro Support)

Ok, that did not work. It did clear the Error message and give it a complete dark background, but there are not any images available.

I have just viewed your web page at http://malibu-gates.com/test and your gallery now displays and functions fine so it looks like the fix has worked.
If you do not see the gallery on your web page in your own browser, then please try clearing your browser's cache before reloading your web page to ensure that your browser is fetching and using the most recent versions of your gallery files.

Your gallery initially took a little while to display, though. This is likely to be due to the fact that your gallery is fetching 307 images from your external Picasa Web Album. In order to speed up the loading of your gallery, you could try the following:
(1) Split your large gallery into several smaller galleries.
(2) Host the images locally (on the same server as the gallery).
(3) Try setting imagePreloading="NEXT" (in the Pro Options text area) so that only two images (rather than all the images on the first page of thumbnails) are initially preloaded by the browser.

I think it has been a couple days... so far no response in regards to the download links being reset for me.

Download link requests can take up to 3 business days (not weekend days) to process. If this time frame has passed since you first filled in the Download Link Request Form, then please try filling it in again. (I do not have access to transaction records or the ability to generate download links, otherwise I would happily do so for you.)

3,437

(8 replies, posted in Juicebox-Pro Support)

Width looks ok like this but the bottom half of the caption is still out of screen.

Try viewing the gallery on a web page of its own (a Gallery Index Page created by JuiceboxBuilder-Pro without any of your 'wrapper' code) to see if the same thing happens.

Also I noticed another little problem with the caption : caption does not display when the gallery is first displayed (only comes back when another image is displayed) if showSmallThumbsOnLoad is set to false.

Unfortunately, this is a known bug (caption initially hidden when setting captionPosition="BELOW_THUMBS" and showSmallThumbsOnLoad="FALSE"). However, the developers are aware of this issue and it should hopefully be fixed in a future version. In the meantime, possible solutions might be to:
(1) Set captionPosition to a value other than BELOW_THUMBS.
... or:
(2) Set showSmallThumbsOnLoad="TRUE" but also set firstImageIndex="1" so that the gallery skips the thumbnail page in Small Screen Mode and initially displays the first image in the gallery.

One last little thing : gallery appears wrong when coming out of expanded mode on retina displays : thumbs seem to have be enlarged a second time.

Do you see this problem in any of our own demo galleries here?
What device and browser are you seeing this problem in?

Sorry for the long message. Hope it's ok to cross-post like this, and it helps someone else who might be having the same issues.

No problem. Thank you for sharing your experience.

In addition to all the posts above, the following information should help clarify this problem.

There is currently a known bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). The developers are aware of this bug and it should hopefully be fixed in a future version of Juicebox.

In the meantime, a workaround is, indeed, to set expandInNewPage="TRUE" in (in JuiceboxBuilder-Pro's 'Customize -> General' section) so that when the gallery is expanded, it will be displayed on a new page of its own rather than on top of the embedding page.

(This bug was not known about at the time of the original post, there were no gallery URLs given that I could check and your own post was the first in this thread to mention elements with a CSS position.)

I hope this helps.

Luckily it disappears when you move to the next picture but I still think it  looks broken and random when it moves to the middle of the main image.

This should not happen and is, indeed, a bug. As I mentioned above, I have logged a bug report with the developers and it should hopefully be fixed in the next version.

I believe it would look much better if the Title would disappear as soon as as the Hide Thumbnails button is pressed

This is what should happen (and what does happen when using my code above).

I'm not sure how the temporary solution (proposed by Steven) would help.

I understand that this would just simply hide the Gallery Title when thumbs are visible - not really what I want.

This is not what happens. The Gallery Title is displayed when the thumbnails are visible (and hidden when the thumbnails are hidden).
The Juicebox-Pro API event onShowThumbs is fired each and every time the thumbnails are toggled (on or off) so the code within the onShowThumbs function is run each time the user clicks the Thumbs Button on the Button Bar.
When the thumbnails are showing, the Gallery Title is shown (using CSS via the jQuery function show()) and when the thumbnails are not showing, the Gallery Title is hidden (using CSS via the jQuery function hide()).
Juicebox comes with its own version of jQuery (bundled within the 'juicebox.js' file) so once this has been loaded on a web page, basic jQuery functionality is available. However, if your web page requires jQuery, then I would strongly recommend that you include your own version of the jQuery library (rather than relying on the built-in version that comes with Juicebox). I could have written the function using standard JavaScript as follows (which has exactly the same functionality but is a lot less compact than the one-liner above)

jb.onShowThumbs = function(showing) {
    var elements = document.getElementsByClassName('jb-area-large-mode-title');
    var element = elements[0];
    if (showing) {
        element.style.display = 'block';
    }
    if (!showing) {
        element.style.display = 'none';
    }
};

If you want to incorporate my solution into your own gallery, just give your 'juicebox' object a variable name (change new juicebox({ to var jb = new juicebox({) and add the onShowThumbs function below your own gallery's embedding code (still within the <script></script> tags).

I hope this helps.

3,440

(9 replies, posted in Juicebox-Pro Support)

Thank you for clarifying.
Juicebox does not load any code from any external websites. When you embed a Juicebox gallery in your web site, the gallery is entirely self-contained. The only references to other web sites would be in standard HTML hyperlinks that you may use within your gallery (and the link back to our own website from the Juicebox branding in Juicebox-Lite galleries).

3,441

(8 replies, posted in Juicebox-Pro Support)

Try removing all CSS applied to the 'juicebox-container' div and apply it to the gallery's parent container instead.
You currently have inline CSS applied directly to the 'juicebox-container' div and JavaScript applying CSS rules (max-width, margin-left and margin-right) to the 'juicebox-container' div on retina screens.
Leave your gallery's width at 100%, leave the gallery's container as <div id="juicebox-container"></div> and apply any CSS (either directly or via JavaScript) to the gallery's parent container (your div with id="wrapper") rather than to the 'juicebox-container' div itself.
Hopefully this will help.

Thank you for reporting this problem.
I have logged a bug report with the developers and it should hopefully be fixed in the next version.
In the meantime, a possible workaround would be to use the Juicebox-Pro API (specifically the onShowThumbs(showing) event) to manually hide the Gallery Title using JavaScript and CSS when the thumbnails are visible. Here is an example of how this could be achieved:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
    containerId: 'juicebox-container',
    galleryTitlePosition: 'ABOVE_THUMBS'
});
jb.onShowThumbs = function(showing) {
    showing ? $('.jb-area-large-mode-title').show() : $('.jb-area-large-mode-title').hide();
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

3,443

(8 replies, posted in Juicebox-Pro Support)

Unfortunately, it looks like your gallery may be affected by a known bug in the current version of WP-Juicebox (affecting NextGEN and Picasa Web Album galleries) which will be fixed in the next version.
Please download this zip file [File removed.], extract the 'wp-juicebox.zip' from within and use it to replace the 'wp-juicebox.php' file on your web server (in your 'wp-content/plugins/wp-juicebox/' directory), overwriting the existing version.
Hopefully this will solve your problem.

I have filled out the wizard for this and am waiting for a reply.

Once you have your new download link, you will be able to download the current version of Juicebox-Pro (v1.4.2) and use the Pro files to upgrade WP-Juicebox by following the instructions here.

3,444

(4 replies, posted in Juicebox-Pro Support)

The Juicebox demos are not available to download as a zip file.

If you would like to replicate the layout of one of the demos, you may find that it is available as a Preset in JuiceboxBuilder-Pro (in the 'Load Preset' drop-down menu on the 'Customize' tab). Just load the Preset and all the relevant configuration options will be applied to your gallery in a single action.

If the demo you are looking to replicate is not represented in the 'Load Preset' drop-down menu, you can download the demo gallery's XML file and load it as a Preset using the 'Presets -> Load Preset...' option from the drop-down menu at the top.

3,445

(5 replies, posted in Juicebox-Pro Support)

The two most likely causes of a completely blank screen where the gallery should be on a mobile device (where the gallery displays OK in desktop browsers) are either:
(1) Viewing the web page over a 3G connection rather than wi-fi.
... or:
(2) JavaScript being disabled in the browser.

If a 3G connection is being used, please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?
If you have already implemented this solution (and it sounds like you may have done), please double-check your .htaccess file as the solution should work fine.

3,446

(9 replies, posted in Juicebox-Pro Support)

In the first case captions do not apear...

Thank you for reporting this issue. It seems to be a bug caused by the combination of setting captionPosition="BELOW_THUMBS" in conjunction with showSmallThumbsOnLoad="FALSE".
I have logged a bug report with the developers and it should hopefully be fixed in the next version of Juicebox.

In the meantime, a possible solution for your gallery would be to set captionPosition="BOTTOM". When setting thumbsPosition="BOTTOM" (as your gallery currently does), setting captionPosition="BOTTOM" places the caption in the same place as setting captionPosition="BELOW_THUMBS".

Please let me know if there is anything I can improve regarding my initial post.

Your gallery seems to load swiftly in browsers on my PC and your images look to be of an acceptable file-size and resolution for web gallery use. However, as you are a Juicebox-Pro user, you might like to take advantage of Juicebox-Pro's Multi-Size Image Support where you provide 3 different sizes of images in your gallery and Juicebox decides which size to use depending on which Screen Mode is used (which, in turn, is dependent on the user's device and screen size). Please see here for more information.

Just a last question: does the juicebox gallery load code from outside the space where it is installed?

I'm not quite sure what you mean by this. Juicebox waits until the web page has been fully parsed by the browser and the Document Object Model  is complete before sizing the gallery container appropriately and dynamically replacing the content of the container (which may be empty or may contain SEO content) with the gallery itself.

3,447

(10 replies, posted in Juicebox-Pro Support)

I take it that there is no similar way in the javascript or xml to target our caption overlay on load when we've set showInfoButton="TRUE"?

This would not be as easy to achieve as my Back Button example above. It would technically be possible to track down all the CSS classes of the elements that you initially want to hide and use CSS and JavaScript to hide them but Juicebox would know nothing of this manual modification and would still think that the overlay is visible and when the user first clicks on the Info Button, Juicebox would hide the already hidden overlay (and it would look like the Info Button does not work).
The same thing happens when firing toggleOverlay() within onInitComplete() (from the Juicebox-Pro API).

3,448

(10 replies, posted in Juicebox-Pro Support)

It sounds like you are experiencing a lot of problems with Juicebox-Pro in your Safari browser.
We have not had any other users experience so many problems with v1.4.2 in any one specific browser so it sounds like your particular version of Safari (v5.1.10) may be at the root of many of your issues.

The resulting gallery fails to open in full screen mode, giving the error :"Juicebox Error: Config XML file not found."

This should not happen unless the 'full.html' page is not in the correct location or has been renamed.
Have you tried completely clearing your browser's cache before reloading your gallery to see if this helps?

When I turn off the "Show Info Button" per your suggestion, the caption overlay now appears "left" even though the configuration is set to "center", again in Safari.

This sounds like you may have a conflict with some CSS code on your web page. (Check your CSS files for any generalized CSS code that the gallery might be inheriting.) However, if this was true, then I would expect the issue to be seen in all browsers (not just Safari v5.1.10).

One thing I have noticed is that your web page loads the 'juicebox.js' file twice. The 'juicebox.js' file should be loaded only once per page. Try removing one of your <script src="../tools/jb/jbcore/juicebox.js"></script> entries to see if this makes a difference.

Essentially, I need to have an option to place a logo JUST on the full screen page, not to have the same logo appear on both regular and full screen pages.

You could perhaps set up the Back Button to display your logo (rather than plain text) by using HTML formatting as documented in this FAQ and then use the Juicebox-Pro API to ensure that the Back Button is displayed only when the gallery is expanded.
Here is an example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
    containerId: 'juicebox-container',
    galleryWidth: '800',
    galleryHeight: '600',
    backButtonPosition: 'TOP',
    backButtonText: '<img src="logo.png" height="50" width="100" alt="logo" />',
    backButtonUrl: 'http://www.example.com'
});
jb.onInitComplete = function() {
    $('.jb-go-back img').hide();
};
jb.onExpand = function(expanded) {
    if (expanded) {
        $('.jb-go-back img').show();
    } else {
        $('.jb-go-back img').hide();
    }
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

3,449

(9 replies, posted in Juicebox-Pro Support)

It sounds like you may have purchased Juicebox-Pro recently but if not, please ensure that you are using the current version (v1.4.2) to ensure that any bugs which were present in previous versions but which have since been fixed are not contributing to your problems.
If necessary, instructions for upgrading can be found here.

(1) Try viewing your gallery in different browsers (Chrome, Firefox, Internet Explorer, Opera and Safari) to see if your problem is visible in all browsers. Also, please post the URL to your gallery so that I can take a look for myself.

(2) If you want to tweak the position and/or style of your gallery's image titles and captions, then you can use HTML formatting as documented in this FAQ (using inline CSS properties such as margin and padding as necessary).

(3) The speed at which images load will be dependent on a number of factors:

  • The speed of your web server.

  • The speed of your internet connection.

  • The file size of the images in your gallery.

  • The value of the imagePreloading configuration option.

You have little or no control over the first two factors but make sure that your images are not too large (creating a gallery with JuiceboxBuilder-Pro's default settings should produce images of approximately 120KB each which should be suitable for web gallery use in most cases) and try changing imagePreloading (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from its default value of PAGE to NEXT so that only the first couple of images in the gallery (rather than all the images on the first thumbnail page) are preloaded when the gallery is initially displayed. This might help speed up the initial display of the gallery.

(4) Pinch-zoom is not actually disabled but the start of a pinch-zoom gesture is likely to be interpreted as the start of a gallery-specific gesture (such as a swipe to navigate between images). If you are very precise, you might be able to pinch-zoom within a gallery. However, there is nothing that can be done to override the current behavior.

(5) This will be partially dependent on the device/hardware being used to display the gallery and the browser, too.
All you can do to maximize the smoothness is to minimize the load on the browser by ensuring that your images are not too large (again, a file size of between 100KB and 120KB should be about right for most scenarios). Preloading images (setting imagePreloading to either PAGE or ALL) may also help (but might slow down the initial gallery display).

(6) Thank you for providing your gallery's configuration options. I have been able to replicate the problem in a test gallery of my own and have logged a bug report with the developers. It looks like the problem is caused by setting showSmallThumbsButton="FALSE". Hopefully the bug will be fixed in the next version of Juicebox-Pro but, in the meantime, the only workaround would be to set showSmallThumbsButton="TRUE". (I realise that you would rather not use this setting but it appears to be the only way around the problem until it is fixed.)

3,450

(10 replies, posted in Juicebox-Pro Support)

Thank you for providing the screenshots. I notice that not only is there a problem with the opacity but there are also elements from your web page (logo and menu) which are visible in the expanded gallery which should not be there.

There is currently a known bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). This bug should hopefully be fixed in a future version of Juicebox.
It sounds like this might be the cause of your problem as your CSS files do set CSS positions to elements on your web page.
However, your problem also seems to be isolated to your version of Safari (5.1.10) as I do not see the problem in any browser on my PC.

Until the bug is fixed (which should hopefully solve your problem), it might be wise to set expandInNewPage="TRUE" in (in JuiceboxBuilder-Pro's 'Customize -> General' section) so that when the gallery is expanded, it will be displayed on a new page of its own rather than on top of the embedding page.

Setting expandInNewPage="TRUE" will override useFullscreenExpand="TRUE" but it should result in a fully functional gallery and should hopefully be a suitable solution to your problem until the bug is fixed.