2,026

(17 replies, posted in Juicebox-Pro Support)

@martinkulhavy78

Thank you for reporting this issue.
I have notified the developers who will investigate further.

... both directly into a Div and testing with the baseUrl example...

There is no difference in display or functionality between the regular embedding method and the baseUrl embedding method. The only difference is the location of the gallery files on your web server.

... but renders too large on iPhone and Galaxy.

The gallery (or Splash Page) will always be displayed at the size specified by the galleryWidth and galleryHeight configuration options in the gallery's embedding code.
If using a percentage height, please ensure that all parent containers of your gallery have heights specified via CSS.
Otherwise, Juicebox may not be able to determine what its actual height should be a percentage of.
Also, please see this note regarding Using Percentage Heights.
If your gallery currently has a percentage height, try using a fixed height (such as 600px) instead.

The page is also not 'pinchable' on mobile.

It is possible to pinch-zoom an image within a gallery but only under certain circumstances.

You would need to be very precise with your gesture as Juicebox uses its own gestures and the initial movement of a pinch-zoom action could be misinterpreted as the start of a swipe gesture to navigate within the gallery.

Also, you would need to ensure that the viewport of the web page has not been locked (by a meta viewport tag which prevents the user from scaling the page) which it would be by default for a 100% x 100% gallery or for an embedded gallery which has been expanded (from the Splash Page or via the Expand Button). For more information on expanded gallery behavior on iOS devices, please see here.

If, for example, you embedded a gallery in a web page at dimensions of less than 100% x 100% alongside other content and set showSplashPage="NEVER" or screenMode="LARGE", then you should be able to pinch-zoom an image within the gallery on a mobile device.

Can you point me to an example of an embedded gallery that is working so I can compare?

We have an example of a gallery embedded in a web page alongside other content here: https://www.juicebox.net/demos/pro/embedded/
Other demo galleries can be found on the Demos page here: https://www.juicebox.net/demos/

If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at it for myself and hopefully help further.

I hope these notes help.

2,028

(11 replies, posted in Juicebox-Lite Support)

You initially said "sadly the web host (Instapage) doesn't allow image hosting..." but, on further investigation, it looks like Instapage might be more restrictive that.

If Instapage disallowed only images to be hosted (which, for a web host, sounds like a strange thing to disallow) but still allowed other file types to be uploaded, then you could upload the entire gallery folder to your web space (which would include the Juicebox core files but not your gallery images which would be hosted on Flickr) and embed the gallery using the baseUrl method. There would be no need to worry about the paths to the images. Juicebox would handle that internally. It would find all your Flickr images from your Flickr User Name (in the gallery's configuration options).

However, I'm not sure that Instapage supports FTP access to the web space that they provide (there are no search results for "ftp" in the Instapage help section) so that you could upload your Juicebox gallery folder. Please check with Instapage support.
If they do not support FTP, then I would recommend using a regular web host (with no file type restrictions and FTP access so that you can upload whatever files you like to whatever locations you like).

If you still wanted to keep your Instapage page, it would be possible to host the gallery on a different server and still use the baseUrl embedding code on your Instapage page but there would be the added complication of overcoming the JavaScript same-origin policy. (You would be loading a JavaScript file from a different domain.)
Please see this forum post for a solution to this problem.

It all sounds a little complicated but it is due to the restrictions imposed by Instapage.
If your web page and Juicebox gallery were both hosted by a regular web host on the same web server, there should be no such problems.

However, maybe you can upload your Juicebox gallery to your Instapage site via FTP (you'll need to check with Instapage support). If you can, then just follow the baseUrl instructions and your Flickr-sourced gallery should display file.

There one final problem that you might encounter. There is an image within the Juicebox core files (the preloader spinner) which is temporarily displayed when an image is loading. If Instapage truly does not allow any images to be uploaded, then you will not see the preloader spinner in your gallery.
Again, with a regular web host, this would not be a problem.

2,029

(11 replies, posted in Juicebox-Lite Support)

One possible solution would be to use a Flickr account as a source of images for your gallery.
Juicebox has build-in support for Flickr so you could continue to create your galleries with JuiceboxBuilder and upload them to your Instapage site without the need to modify any gallery files at all.
Enter you Flickr account details on JuiceboxBuilder's 'Images' tab (select 'Flickr' as the 'Image Source').

Otherwise, you could sign up for a hosting account with a regular web host (which does not have restrictions on the file types that you can upload to the web space that they provide), upload the images for your gallery there and edit your gallery's 'config.xml' file so that the imageURL and thumbURL entries point towards the images in their new locations.

Many web hosts offer free accounts which might be sufficient for your needs (please check with their own terms of use). Please note, however, that often you get what you pay for with free hosting and with a paid hosting account you will likely receive better support, more features and greater stability.

2,030

(4 replies, posted in Juicebox-Pro Support)

Unfortunately, it looks like you've found a bug. I have been able to replicate it in a test gallery of my own.
Many thanks for reporting it.

I have notified the developers and hopefully it will be fixed in a future version.
In the meantime, perhaps using buttonBarIconSize="13" would be a suitable workaround.

2,031

(11 replies, posted in Juicebox-Lite Support)

Is there a way to show the single picture as a default view for mobile, rather than just seeing thumbnails?

If you had Juicebox-Pro, you could set showSmallThumbsOnLoad="FALSE" and the gallery would initially display the first image in the gallery (instead of the thumbnail page) in Small Screen Mode. (Please note that this is a Pro only configuration option which is not supported by Juicebox-Lite, the free version.)

Ordinarily, when a Juicebox galley is embedded in a web page alongside other content, the Splash Page is displayed.
This is a placeholder for the gallery which, when tapped/clicked, expands the gallery fullscreen (to give the images more room on small screen displays).
Please see the Screen Modes support section for more details of the Splash Page.

However, your galleries are actually embedded in the HTML pages on Google Drive (and loaded into your main web page using iframes).

If you look at the actual HTML pages that contain the embedding code, each gallery is 100% x 100%, taking up the entire page (with no other content on the page).
Juicebox sees these as a full page galleries and, therefore, does not display the Splash Page.

Even if you forced the Splash Page to be displayed (via the Pro option showSplashPage="ALWAYS"), it would be displayed in both desktop and mobile browsers (probably not what you want) and, when the Splash Page is tapped/clicked, the galleries would only expand to fill the iframes (not the entire main page).

Happy to host the images on something other than google drive...

The best thing you could do is host the entire galleries (not just the images but the gallery's XML configuration file and the Juicebox core files, too) on your own web server (alongside the other files for your nylap4life.com site) and embed the galleries into your main web page using the regular (or baseUrl) embedding code.
Then your galleries will no longer be affected by the drawbacks of using iframes.

2,032

(11 replies, posted in Juicebox-Lite Support)

Your second iframe has width="100%" and height="100%".
It's actual dimensions will be dependent on its parent containers. For example, the iframe's height will be 100% of its parent container's height. If the parent container does not have a height specified via CSS then the iframe's height might not be what you expect. Try using a fixed pixel height (like you do in your first iframe).
Also, it looks like the width of your second iframe is being restricted by the parent container #element-1181 which has been given a fixed width of 670px in the CSS in the <head> section of your page (so the iframe's width is 100% x 670px = 670px).

2,033

(11 replies, posted in Juicebox-Lite Support)

As I mentioned, I think the baseUrl method may not work (as Google Drive are not a regular web host) but the iframe method should not crop your galleries.
Set your gallery heights to 100% (to fill the iframes) and set the heights of the iframes as necessary.
The galleries should fill the iframes without cropping.
Please post the URL to your web page so that I can take a look at the problem for myself and hopefully help further.

2,034

(1 replies, posted in Juicebox-Pro Support)

We have just uploaded a hotfix version of the plugin which fixes the default settings problem.
Please download the plugin from the WP-Juicebox support page and reinstall it.
This should solve the first problem you reported.

I have just checked the functionality of the second problem you reported and it seems to be working OK for myself in WordPress 4.5.3 on my own server.
Once you have reinstalled the pluign, try completely clearing your browser's cache. A mixture of older cached files and new ones might be causing the problem.

2,035

(1 replies, posted in Juicebox-Pro Support)

The Lightroom plugin does not support presets like JuiceboxBuilder does (at least not in the same format) but there are a couple of things that you can do which might help.

(1) You can open a gallery created by the Lightroom plugin in JuiceboxBuilder-Pro, apply a preset to it and save it on the 'Publish' tab.

(2) In Lightroom, you can save a set of Juicebox configuration options (like a JuiceboxBuilder preset) as a template.
With the settings as you want to save them, click the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings to a gallery, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.

2,036

(1 replies, posted in Juicebox-Pro Support)

Please post details of the problem you are having and the devices/browsers you see the problem in and also provide a link to your gallery so that I can see the problem for myself.
Thank you.

2,037

(1 replies, posted in Juicebox-Pro Support)

I see the problem in iOS 9.3.2 but, strangely enough, not in iOS 6.1.6 (where the gallery seems to display and function fine).
However, I have been unable to replicate the problem in a test gallery of my own.
It looks like the problem might somehow be connected to your own web page.
Unfortunately, it's a rather complex web page to try to debug (the gallery seems to be nested within many parent containers) and some trial and error might be required to try to track down the cause of the problem.
The first thing I would try is to temporarily change your Drupal theme to see if this makes a difference.
This might confirm if there is a CSS conflict between your theme and Juicebox.
Also, as you are using the Juicebox module for Drupal, you might like to post over in the Drupal forum, too.
The author of the module might have encountered this issue before or perhaps other users of your current theme have experienced similar issues with other modules.
I hope this points you in the right direction.

2,038

(11 replies, posted in Juicebox-Lite Support)

A couple of things I notice about the code you posted.

(1) In the baseUrl code, many of your strings are enclosed in ticks/backticks instead of regular single (or double) quotes.
Change all instances of ’ and ‘ to either ' or ".

(2) In the iframe code, you have a stray double-quote before the height attribute in the second iframe.

Hopefully making these changes will help.

I expect the baseUrl code may not work (due to Google Drive restrictions) but removing the stray double-quote should hopefully resolve your iframe problem.

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

I notice that your gallery uses Juicebox-Pro v1.3.2.

Flickr made a change to their API back in 2014 and we updated Juicebox to handle this change in v1.4.2.
Please see this Juicebox blog entry for further information (and the Version History for a full list of changes between versions).

All you need to do to get your gallery up and running again is to upgrade it from v1.3.2 to the current version v1.5.0.
Upgrades are free within the same major version number so you can download the current version for free using the download link from your purchase email (the link always points to the latest version rather than the version you purchased).

Just swap your gallery's current 'jbcore' folder for the version from the Juicebox-Pro v1.5.0 zip package ('juicebox_pro_1.5.0/web/jbcore/').

Full instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page.

2,041

(12 replies, posted in Juicebox-Pro Support)

@fkelly12054

When you open an existing gallery in JuiceboxBuilder-Pro, the application reads the image titles and captions from the 'config.xml' file and populates the title and caption fields on the 'Images' tab with them.
This happens regardless of the source of the original title and caption text (whether it was IPTC data or custom text typed in by the user).

If you want to refresh the titles and captions (for example with updated IPTC data), just go to 'Images -> Titles -> Use IPTC Title' and 'Images -> Captions -> Use IPTC Caption' from the drop-down menu at the top. (They will already be selected if they were the original sources but the act of selecting them again will refresh the titles and captions.)

I guess there's always the chance that someone has used IPTC data for the titles or captions but has since modified a few manually in the JuiceboxBuilder-Pro interface. If JuiceboxBuilder-Pro overwrote the titles and captions when an existing gallery was opened (by automatically using current IPTC data), such modifications would be lost.
It's easy enough to refresh the titles and captions via the drop-down menu if necessary.

Please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

2,042

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

2,043

(3 replies, posted in Juicebox-Pro Support)

I thought it sounded vaguely familiar!
I'm glad you've got it working again.
Thank you for letting me know.

2,044

(3 replies, posted in Juicebox-Pro Support)

It looks like the 'juicebox.js' JavaScript file is not being loaded into the <head> section of all your web pages.
WP-Juicebox detects whether or not a Juicebox gallery is present on a page and loads the the 'juicebox.js' file only if necessary.
I'm not sure why this is not working within your own WordPress site (maybe something to do with your gallery shortcodes or the fact that you seem to be embedding galleries into areas such as sidebar widgets) but you can load the 'juicebox.js' file into all your pages by opening the plugin's 'wp-juicebox.php' file in a plain text editor and changing line 30 from:

add_action('the_posts', array(&$this, 'shortcode_check'));

... to:

add_action('wp_enqueue_scripts', array(&$this, 'add_scripts_wp_core'));

Please note that the line number above refers to the current version of WP-Juicebox (v1.5.0) which can be downloaded from the plugin's support page here.

2,045

(1 replies, posted in Juicebox-Pro Support)

Juicebox uses one set of configuration options for both normal and fullscreen modes and, unfortunately, it is not possible to change configuration option values once a gallery has been loaded.
If you want to change a configuration option value, you would need to reload the gallery afterwards and a gallery cannot be loaded in fullscreen mode (at least not easily and without problems).

The best I can suggest is that you post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overloooked.

Incidentally, the correct syntax for running custom JavaScript when a gallery has been expanded (or closed) is as follows:

jb.onExpand = function(expanded) {
    if (expanded) {
        // Gallery has been expanded
        // Custom JavaScript goes here
    }
    if (!expanded) {
        // Gallery has been closed
        // Custom JavaScript goes here
    };
}

2,046

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

2,047

(3 replies, posted in Juicebox-Pro Support)

Try setting the border-radius property on div.jb-go-back.

<style type="text/css">
    /* Back Button */
    div.jb-go-back {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }
</style>

Hopefully this will work for you.

I'm glad that solved your problem.
Thank you for letting me know.

Please try the following:

(1) Uninstall JuiceboxBuilder-Pro.

(2) Manually delete the following folder from your hard drive:
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro

(3) Search your hard drive for the term 'JuiceboxBuilder-Pro' and delete all entries found.

(4) Follow the procedure above (Steps #1 - #3) for JuiceboxBuilder-Lite, too.
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before reinstalling JuiceboxBuilder-Pro.

(5) Reinstall JuiceboxBuilder-Pro following the instructions here.

Hopefully this will help.

Also, please let me know what operating system version you are using.
Another user has reported a similar issue (in this forum thread) under OS X 10.11.5 but it turned out that his Mac was behaving strangely in other ways, too (such as not being able to boot into safe mode).

2,050

(5 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you're making progress.