1,476 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

It sounds like your own custom elements may somehow be overlapping the navigation buttons (and that you might need to raise the z-index of the navigation buttons). However, one problem seems to be leading to another and things seem to be escalating quite quickly.

It might not be your ideal solution but it would be much easier to compromise and use the gallery's own Expand Button (on the Button Bar). You can have the Button Bar be positioned in the top-right of the main image (rather than the top-right of the gallery) by setting buttonBarPosition="OVERLAY_IMAGE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section).

Rather than apply z-index values to many elements (both your own custom elements and gallery elements), you might like to try changing the value of imageClickMode ('Customize -> Main Image') from its default value of NAVIGATE (where clicking anywhere on the left or right side of a main image will navigate to the previous or next image respectively) to NONE (where clicking only on the navigation buttons will navigate through the images).
This might help.

If you like, please post back with the URL to your gallery so that I can take a look at the problem for myself and hopefully help further.

Go to forum: Juicebox-Pro Support

1,477 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

I would expect it to be possible to attach a click handler to a custom icon overlaid on top of a gallery image (although I've not tried it myself).
The problem might be that there are transparent layers on top of the main image (the hit areas for navigation) which are invisibly obscuring your custom icon.
Try giving your custom icon a high z-index value (such as 9999) via CSS to ensure that it is stacked on top of all other gallery elements.
Hopefully this will work.

Go to forum: Juicebox-Pro Support

1,478 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

You can set showThumbsOnLoad="FALSE" (for when the gallery is displayed in Large Screen Mode) and showSmallThumbsOnLoad="FALSE" (for Small Screen Mode) to hide the thumbnails when the gallery is initially loaded.

Please note that both of these configuration options are Juicebox-Pro configuration options only which, unfortunately, are not supported by Juicebox-Lite (the free version).

If you are using Juicebox-Pro, then these configuration options can be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section and, if you are using the Drupal module, then Pro configuration options can be entered entered into the 'Juicebox Library - Pro / Manual Config' section of your Drupal Dashboard ('Home -> Administration -> Structure -> Content types -> Article -> Manage Display -> Juicebox settings').

Go to forum: Juicebox-Lite Support

1,479 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

If you're looking to have a responsive gallery (whose size changes depending on the size of the browser window), then maybe this forum post will help.
https://juicebox.net/forum/viewtopic.php?pid=8305#p8305

Both of the methods in the forum post above simply resize the gallery as required (rather than reloading it).

I hope this points you in the right direction.

Go to forum: Juicebox-Pro Support

1,480 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

I'm glad that you've been able to adapt my example.
Thank you for sharing your own solution for Drupal.

Go to forum: Juicebox-Lite Support

1,481 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

But I don't see any easy way to get to those other pages.

Set showSmallThumbNav="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section) and the thumbnail pages in Small Screen Mode will feature 'previous' and 'next' navigation arrows (to the left and right of the thumbnails) which you can click (or tap) to navigate through the thumbnail pages. (You will still be able to swipe between thumbnail pages on mobile devices.)

So, my feature request would be:

Many thanks for the feedback and suggestions.
It would be great if you could post your suggestions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

Go to forum: Juicebox-Pro Support

1,482 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

You're welcome!

Go to forum: Juicebox-Lite Support

1,483 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

A Juicebox gallery is embedded into a <div> and, ordinarily, a <div>'s height will not be dependent on (or change with) the browser window's width.
However, you could have a Juicebox gallery maintain a constant aspect ratio with some custom JavaScript.
As an example, create a sample gallery with JuiceboxBuilder-Lite (following the instructions in the Getting Started Guide) and use the following code as the gallery's 'index.html' page.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            #wrap {
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb;
            function doLayout() {
                var windowWidth = parseInt(window.innerWidth ? window.innerWidth : $(window).width(), 10);
                var galleryWidth = parseInt(windowWidth * 0.8, 10);
                var galleryHeight = parseInt(galleryWidth / 2, 10);
                $('#wrap').width(galleryWidth);
                $('#wrap').height(galleryHeight);
                if (jb) {
                    jb.setGallerySize(galleryWidth, galleryHeight);
                }
            }
            $(document).ready(function() {
                $(window).resize(doLayout);
                jb = new juicebox({
                    containerId: "juicebox-container"
                });
                doLayout();
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

The '0.8' value is just an arbitrary width for the gallery (80%) for this example. You can change this to whatever you like.
The aspect ratio for the gallery in the above example is 2:1, set by the '2' in the line:

var galleryHeight = parseInt(galleryWidth / 2, 10);

Again, you can change this to whatever you like.

This works equally well for both Juicebox-Lite (the free version) and Juicebox-Pro.
You can download Juicebox-Lite (and then install JuiceboxBuilder-Lite and try out the example above) from the Download Page.

I hope this points you in the right direction and that you are able to implement a suitable solution into your own web page.

Go to forum: Juicebox-Lite Support

1,484 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Using the native "extract" in Win10 did the trick

That's great! Thank you for letting me know.

Thank you for the quick response.
As always, great tech support from Juicebox-Pro!

You're welcome!

Go to forum: Juicebox-Pro Support

1,485 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

I upgraded to v1.5.1. It works perfectly!

That's great! Thank you for letting me know.

After I reload the projects I created in the previous version, and reprocess the images etc, then Publish, what files do I have to re-save to the server.

If you are not changing (adding/removing/resizing) any images or modifying any configuration options, then you can upgrade a gallery just by replacing its existing 'jbcore' folder with the 'jbcore' folder from the Juicebox-Pro v1.5.1 zip package ('juicebox_pro_1.5.1/web/jbcore'). (This is noted in the 'Upgrading Existing Galleries' section of the Upgrading Juicebox support page.) There is no need to re-upload your gallery's images or the gallery's 'config.xml' file (assuming that the audioUrlMp3 path has not changed).

Thanks again!

You're welcome!

Go to forum: Juicebox-Pro Support

1,486 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

@gfarrell002

The audio options within Juicebox-Pro have changed since the queries above were originally posted.

Since v1.5.1 (Version History) It is no longer necessary to provide an audioUrlOgg. (audioUrlOgg has been removed from the list of configuration options.) Only an audioUrlMp3 is now required. However, you will need to ensure that your gallery uses Juicebox-Pro v1.5.1 for this to work (otherwise Juicebox-Pro will still look for an audioUrlOgg in Firefox). If necessary, full instructions for downloading the latest version and for upgrading existing galleries van be found on the Upgrading Juicebox support page.

If upgrading your gallery to Juicebox-Pro v1.5.1 does not help (or if your gallery is already using Juicebox-Pro v1.5.1), then please check/try the following:

(1) Please check to see if the audio plays in this online demo gallery in your Firefox browser. (The audio in the demo gallery does not auto-play so please click the Audio Button in the Button Bar.) It plays fine in Firefox 55.0.3 under Windows 10 on my on PC.

(2) Please let me know what operating system and version number of Firefox you use.

(3) Please post the URL to your gallery so that I can check it out for myself and hopefully help further.

Thank you.

(Please note that the ability to automatically start the audio track playing as soon as the gallery is loaded is not supported in iOS or Android. On mobile devices, it is necessary for the user to click the Audio Button on the Button Bar to start the audio track playing. This is noted in the short description of playAudioOnLoad in the Audio Options section of the Config Options page.)

Go to forum: Juicebox-Pro Support

1,487 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

It sounds like the problem you are experiencing is due to the EXIF orientation flags (metadata) embedded within your images (and some devices, most notably phones rather than dedicated cameras, do not seem to set the EXIF orientation flag correctly).

Some imaging programs such as Adobe Photoshop have the ability to read the EXIF orientation flag and display the image in the orientation specified by the flag but other programs (such as JuiceboxBuilder-Pro) do not read EXIF information and just display the image as it is.
Unfortunately, there seems to be little consistency in how the EXIF orientation flag is handled in different programs.

No matter what decision is taken regarding EXIF orientation (whether or not to use it at all and, if using it, how to interpret it), there seems to be no single solution which will work for every scenario.
This link (whilst a little out of date now) certainly makes for interesting reading.

The only way to ensure that your images will be displayed as you expect in all programs would be to strip the EXIF information from the images (by re-saving the images in an imaging program and choosing not to keep the EXIF information) and then rotate your images until they visibly look correct.

JuiceboxBuilder-Pro has the ability to rotate images on the 'Images' tab (see the 'Rotate' arrow near the lower right of the screen in the first screenshot on this page) so you can rotate images within JuiceboxBuilder-Pro without the need to re-save them without the EXIF information first.

I hope this helps to clarify things a little.

Go to forum: Juicebox-Pro Support

1,488 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Lite Support)

I'm glad that you've been able to resolve your issue.
Thank you for posting back to let me know.

For anyone else encountering the "Config file not found." message, please see this FAQ:
When I view my gallery I see the message 'Config file not found'. How do I fix this?

Also, if anyone sees this message when viewing a gallery locally in Safari 11, please see this forum post for a full explanation and workaround.

Go to forum: Juicebox-Lite Support

1,489 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

... Local viewing of Galleries is now back.

I'm glad you've got local viewing back in Safari. Thank you for letting me know and for posting instructions. (I've incorporated the instructions into my post above so that I can point other users to the post and have all the relevant information in one place.)

Also, not sure by your reply if Juicebox plans to modify their programing to accommodate this new security protocol -- if that is even possible.

Unfortunately, there is nothing that can be done from within Juicebox to circumvent a browser's security restrictions. To allow local viewing in browsers which have this local file restriction (without changing any browser settings), Juicebox would need to change the way that it stores gallery data (and this would likely require some big changes).

With this small change to Safari 11, local viewing is, once again, possible (and Juicebox galleries can still be viewed locally in Edge and Firefox without any change of settings).

Go to forum: Juicebox-Pro Support

1,490 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It certainly looks like your download of the 'juicebox_pro_1.5.1.zip' file is incomplete/corrupt and you'll need to download it again.

Once you have downloaded the file, you can check its integrity with the following properties:
Filename: juicebox_pro_1.5.1.zip
Size: 1,909,296 bytes
MD5: 650ec4e216ff1130d66e96c5ba361b64
SHA1: 7ce66e3822c37fce0f83df1bccf28528feb318f0
SHA256: bbe2c14e0625979a050d40c56c7ce89a398a761cc37d741f810071cd589dcbab

You can check a file's hashes with a program such as HashCalc (free) or HashTab (free for personal use).

If you have trouble downloading the file and you have any download accelerators or managers installed (or browser extensions which handle downloads), then try temporarily disabling them before attempting the download.

Also, you could try downloading the file using a different browser (Chrome, Edge, Firefox, Safari, Opera).

If your downloaded file has properties which match those above but WinZip still gives you an error message, then try unzipping the file using a different program. Windows (since XP) and Mac OS X both natively support zip files so you should be able to extract the file without any third-party software but, if you are a Windows user (by the look of your screenshot), you might like to try 7-Zip (free).

(I have reactivated your download link so it should not expire whilst you attempt to download the file again.)

I hope this helps.
Please let me know how you get on and if you need any further assistance.
Thank you.

Go to forum: Juicebox-Pro Support

1,491 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Unfortunately, Safari 11 (released 19 September 2017) has introduced a new security restriction which now prevents the local viewing of Juicebox galleries by default.

Here is the relevant quote from the Apple support page detailing the issue:

Security and Privacy

Updated file restrictions to block cross origin access by default.

CORS and cross origin access from file:// are now blocked unless Disable Local File Restrictions is selected from the Develop menu.

Because this development with Safari has occurred after the most recent version of Juicebox was released, Juicebox displays the "Config file not found." message instead of the more descriptive "Juicebox can not display locally in this browser." message.

It looks like a suitable workaround should be to select 'Disable Local File Restrictions' from the 'Develop' menu.

  • Pull down the 'Safari' menu and choose 'Preferences'.

  • Click on the 'Advanced' tab.

  • Check the box next to 'Show Develop menu in menu bar'.

  • Close 'Preferences'. The 'Develop' menu will now be visible between Bookmarks and Window menus.

  • Pull down the 'Develop' menu and choose 'Disable Local File Restrictions'.

This should be no more of a security risk than running Safari 10 but please note that relaxing your browser's security settings should be done at your own risk.

I have notified the developers of this issue but I think there is little that can be done within Juicebox (other than to display a more descriptive error message).

As well as configuring Safari to disable local file restrictions, you should also be able to view Juicebox galleries locally in Firefox (Mac and PC) or Edge (Windows 10 users) with default settings.

Please note that this issue is specific to viewing galleries locally (from a computer's hard drive).
There is no such issue once the galleries have been uploaded to a web server where they can be viewed successfully in any modern browser (including Safari 11).

Go to forum: Juicebox-Pro Support

1,492 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome.
I know its not the answer you were hoping for but I'm happy to comment and help to clarify things if I can.

Go to forum: Juicebox-Pro Support

1,493 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, pinch-zooming within a gallery can cause of lot of problems so Juicebox does its best to lock the viewport in a full page or expanded gallery to avoid as many of these potential pitfalls as possible.

Pinch-zooming can actually be quite difficult to do as the start of a pinch-zoom gesture can often be misinterpreted as the start of a swipe (navigation) gesture and it can be quite frustrating to try to pinch-zoom only to find that the gallery has changed the image.

Also, if you were to zoom in successfully, you'd likely have the same trouble trying to zoom out again, possibly more so as you may have only part of the image visible and all of what is visible has a swipe gesture associated with it. (It might be easier to zoom out if there was a static part of the web page visible where the pinch-zoom gesture would not be mistaken for anything else.)

Additionally, there is a further problem whereby repeated zooming in and out can sometimes change the height of a full page or expanded gallery. (The developers are aware of this and are looking into possible solutions.)

In order to avoid these problems, Juicebox tries to lock the browser viewport to prevent pinch-zooming in a full page or expanded gallery.
If you have an gallery embedded in a web page whose viewport is not locked, then you might find that you are able to pinch-zoom an image but I would not recommend it. It is much safer, as you suggest, to just open the image in a new window where it can be pinch-zoomed with ease.

In an ideal world, the ability to pinch-zoom an image within a Juicebox gallery would be great but the reality is that it can be really troublesome so it's best avoided if possible.

Go to forum: Juicebox-Pro Support

1,494 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Thank you for pointing this out. It is, indeed, an oversight.
The version number was updated in the 'readme.txt' file but not the 'wp-juicebox.php' file.
We will update the file on our servers as soon as possible.
However, please note that there was no change to the plugins's own files between v1.5.0.1 and v1.5.1 (the only difference being the bundled version of Juicebox-Lite) so, if your version reads v1.5.0.1 (whether it is actually v1.5.0.1 or v1.5.1 mislabelled) and you have upgraded the plugin with Juicebox-Pro, then you will have the latest files and full functionality.
Thanks again for letting me know.

Edit:
Updated 'wp-juicebox.zip' file now on server.
You can download it from the plugin's support page here.

Go to forum: Juicebox-Pro Support

1,495 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

I am pulling images from Flickr. That being said, it only shows 50 images.

As you have discovered, if you use Flickr as a source of images, you may need to increase the flickrImageCount from its default value of 50 to a higher value (such as its maximum value of 500). (Incidentally, this maximum value is imposed by Flickr rather than Juicebox.)
In a WP-Juicebox gallery within WordPress, set flickrImageCount="500" in the 'Pro Options' text area.

I also noticed that when I check out the version number for the plugin on wordpress that is displays the older version (Version 1.5.0.1).
It sounds like you may have updated the plugin's 'jbcore' folder but not the plugin itself.
You can download the latest version of the plugin (v1.5.1) from its support page here.
(The only difference between WP-Juicebox v1.5.0 and WP-Juicebox v1.5.1 is the version of Juicebox-Lite that it comes bundled with. There is no other difference so if your plugin version is v1.5.0.1 and it uses the Juicebox-Pro v1.5.1 'jbcore' folder, then it's actually as up-to-date as it can be.)

The other thing I notice is even though I have ordered my Gallery on Flickr the images don't seem to follow the order I have placed them in... Not sure why.

Please see this FAQ:
How do I change the order of images from Flickr?

Please also see the flickrSort configuration option in the Flickr Pro Options.

You could also create Flickr sets (pointing towards them using the flickrSetId configuration option in the 'Pro Options' text area), in which case this FAQ should be useful:
How do I change the order of images in a Flickr Photo Set?

Would you happen to know how I can hide the gallery title from being visible.

Set galleryTitlePosition="NONE" in the 'Pro Options' text area and your Gallery Title will not be displayed in the gallery.

I was trying: galleryTitle="" but it didn't seem to work. I think it is being overruled by the actual title I have entered... because it doesn't stay displayed in the Pro Options area.

galleryTitle disappears from the 'Pro Options' text area as it is a Lite option which has its own input field in the gallery settings window. (Only one galleryTitle can be entered per gallery and only the specific 'Gallery Title' input field is used.)

Sorry for all the questions.

No problem.
I hope I've been able to clarify a few things for you.

Go to forum: Juicebox-Pro Support

1,496 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Thank you. I will definitely look into that. I appreciate you taking the time Steven.

You're welcome!

I don't want to not have one, but I don't want it to display...

Set galleryTitlePosition="NONE" in the 'Pro Options' text area and your Gallery Title will not be displayed in the gallery.

Go to forum: Juicebox-Pro Support

1,497 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

@DSWUser

As I noted in this forum post above:

If your gallery is a Juicebox-Pro gallery and you use a Flickr account as an image source, you may need to increase the flickrImageCount from its default value of 50 to its maximum value of 500 on JuiceboxBuilder-Pro's 'Images' tab. (Incidentally, this maximum value is imposed by Flickr rather than Juicebox-Pro.)

In a WP-Juicebox gallery within WordPress, set flickrImageCount="500" in the 'Pro Options' text area.
This should solve your problem.

Go to forum: Juicebox-Pro Support

1,498 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Please see this FAQ which should hopefully help.
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

If the aspect ratio of the gallery's image area does not match that of the images (and it might not if your gallery is responsive and it's shape changes depending on the dimensions of the user's browser viewport), then the images may be scaled as large as possible within the available space but there may be space at the top and bottom (or left and right) of the images.

The easiest solution may be to set your gallery's height to a fixed value (and trial and error might be required to settle on the optimal value).

It might also be an idea to set a non-white background color (at least for testing purposes) so that you know exactly where the gallery boundaries are and what whitespace can be attributed to the gallery and/or the web page itself.

I hope this helps.

Go to forum: Juicebox-Pro Support

1,499 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

When using the Media Library as the source of images, WP-Juicebox displays all images attached to the post or page containing the gallery.
Unfortunately, there is no way to exclude certain images (other than the featured image). WP-Juicebox does not do any image handling itself. It relies solely on WordPress's own Media Library functionality. If WordPress natively supported tagging Media Library images, it would make the ability to exclude images from a WP-Juicebox gallery much easier to implement. There are third-party plugins available which allow the tagging of Media Library images but not everyone will use the same one (and they all implement tagging slightly differently) so there's no easy way to do this.

For more control over which images are displayed in your galleries, you might like to use a different image source, such as a Flickr account.
You could upload all your images to Flickr, tag them appropriately (in the Flickr interface) and tell WP-Juicebox which images to display via the 'Flickr Tags' configuration option.
That would probably be the easiest way to achieve what you are looking to do.

Go to forum: Juicebox-Pro Support

1,500 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Thanks for the quick response, it looks as though the gallery was serving the medium image because I'm on a retina screen.

Yes, as noted in the Multi-Size Image Support section, 'medium' images are used in preference to 'small' images on retina screens in Small Screen Mode.

Everything else is working as expected, thanks!

That's great! Thank you for letting me know.

Go to forum: Juicebox-Pro Support