1,851

(9 replies, posted in Juicebox-Pro Support)

Out of interest, I've just loaded a Juicebox-Pro v1.4.1 gallery into an iframe and the Expand Button seems to be disabled in this version (just like in v1.5.0).

The Expand Button is disabled by design when the gallery is loaded into an iframe to avoid a lot of potential problems.

There are several things to consider such as the values of useFullscreenExpand and expandInNewPage and the browsers and devices being used to display the gallery. (Please see the Expand Gallery Behavior for some more information. Expanding a gallery can be quite complicated!)

Also, not all users will be using up-to-date browsers which support the Fullscreen API (perhaps in corporate environments).
Juicebox supports IE 7 and later so we need to be sure that our user base will not encounter any unexpected or unusual behavior in older browsers. IE 7 is certainly a bit long in the tooth now but the Fullscreen API was first supported by IE in version 11 and there seems to be more than a few people still using IE 8, IE 9 and IE 10 (over 10% of the total browser market share).

I would normally recommend that you use the current version of Juicebox-Pro but if you find that Juicebox-Pro v1.4.1 works for you and you are not affected by any bugs which have since been fixed in subsequent versions, then you are certainly free to continue using v1.4.1.

1,852

(4 replies, posted in Juicebox-Pro Support)

@Branky

Juice does not work on WP or HTML in any way (for me).

You can embed a Juicebox gallery into an existing web page alongside other content by following the Embedding in a HTML Page instructions.

If you just want to display a gallery on a web page of its own, then you just need to create a Juicebox gallery with JuiceboxBuilder and open the gallery's 'index.html' page (inside the gallery folder) in your browser (no coding required).

If you are a WordPress user and want to embed a Juicebox gallery into a WordPress page or post, then you can either:
(1) Use WP-Juicebox (the dedicated Juicebox plugin for WordPress) to create a Juicebox gallery and embed it into your WordPress page or post from within the WordPress dashboard without any coding at all.
(2) Create a Juicebox gallery with JuiceboxBuilder and embed it into your WordPress page or post manually using the baseUrl method of embedding.

If you get stuck with anything, please let me know and I'll do my best to help you out.
If possible, please provide a link to your gallery's web page so that I can see the problem for myself. This usually helps with troubleshooting. Also, please provide a screenshot so that I can see what you are seeing.
If you encounter any error messages along the way, please post them, too. Thank you.

1,853

(16 replies, posted in Juicebox-Pro Support)

I'm not sure how relevant this is to Juicebox but I appreciate you taking the time to point this out and I have notified the developers of your post above. Thank you.

It is true that metadata is not retained when JuiceboxBuilder resizes images but the loss of metadata is happening within a desktop application on the user's computer (rather than via the upload functionality of an online service) and then the files are being uploaded to the user's own web space. (We do not host any user galleries or sites at all.) I guess it's not for me to say how similar (or different) the two scenarios are.

Incidentally, I've just uploaded a test image (with EXIF and IPTC data) to a Showkase v1.6.1 site's Library and the image's metadata was retained after Showkase had resized the image. It looks like issue affects only JuiceboxBuilder.

As I mentioned earlier, it's not that JuiceboxBuilder is intentionally going out of its way to strip metadata from images, it's just that when an image is resized, the metadata would have to be read and stored somewhere before resizing and then written back to the new image after resizing. I do not know if the Adobe AIR API (which JuiceboxBuilder uses) has any methods available that could be used to make this possible. (I expect there would need to be different metadata read and write functions for different file types.)

I realise that, from a user's perspective, the issue is simply that metadata is not retained and the reason why this happens is not important but giving a little background information may at least help in understanding the problem.

Adobe seem to have been slow in implementing this in Muse (see this forum thread) and I do not know if AIR applications are still lagging behind. However, I'm sure the developers will investigate further.

Thanks, again.

1,854

(9 replies, posted in Juicebox-Pro Support)

For example, when embedding a gallery in an iframe, the 'Expand Gallery' and 'Fotomoto Shopping Cart' buttons are disabled and the 'Back Button' will not work.

If a gallery is loaded into an iframe and expanded, it would fill only the iframe (not the entire browser window).
The Fotomoto popup window appear in the iframe and as it is rather large, the iframe may not be large enough to accommodate it.
Also, the Back Button navigation would be confined to the iframe.

1,855

(3 replies, posted in Juicebox-Pro Support)

It seems strange that this error message would appear in only certain browsers (but not others).
I would expect such a problem to affect all browsers (or none).

Try clearing your Safari browser's cache before reloading your gallery's web page to see if this helps.
Also, if you have any extensions installed in your Safari browser, try temporarily disabling them to see if this makes a difference.

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

In the meantime, maybe this FAQ will help:
When I view my gallery I see the message 'Config file not found'. How do I fix this?

1,856

(5 replies, posted in Juicebox-Pro Support)

You're welcome!

1,857

(5 replies, posted in Juicebox-Pro Support)

When you upload images via the WordPress media window, the images in your WP-Juicebox gallery should initially be in the order in which they finished uploading.

To sort images after a gallery has been created:
(1) 'Edit' the post containing the gallery
(2) Click the 'Add Media' button
(3) Select the 'Insert Media -> Media LIbrary' section (selected by default)
(4) Choose 'Uploaded to this post' from the drop-down menu
(5) Drag and drop the images into your chosen order
(6) Close the 'Add Media' window

You may need to clear your browser's cache after reloading the gallery.

If the images initially look like they are in the right order in the media window but do not appear in this order in your WP-Juicebox gallery, just drag and drop a thumbnail into a new position and then drag it back. That should be all that is required to change the order from the 'finished uploading' order to the visible 'menu' order.

1,858

(2 replies, posted in Juicebox-Lite Support)

I'm glad you've been able to resolve your problem.
Thank you for posting back to let us know.

1,859

(8 replies, posted in Juicebox-Lite Support)

Definitely helped.
Thanks for the clarification!

You're welcome!

I have another issue now, but will open another thread for it, not to confuse.

Thank you.

1,860

(9 replies, posted in Juicebox-Pro Support)

Thanks for help.

You're welcome.

Works ok but as described has limited functionality...

That's true. There are limitations to loading Juicebox galleries into iframes. They are listed in the Using an External Gallery Folder support section (scroll down to "2) Using an iframe").

I would recommend embedding Juicebox galleries directly into web pages using the embedding code presented on JuiceboxBuilder-Pro's 'Publish' tab (also noted in the Embedding in a HTML Page support section) where possible for full functionality.

1,861

(3 replies, posted in Juicebox-Pro Support)

The problem certainly seems to be the space in the path.
I have been able to replicate the problem using a gallery folder name containing a space.
(The Download Button works fine in the same gallery when there is no space in the path.)

One possible solution seems to be to decode the '%20' back to a ' ' in the $fileUrl variable.
Try changing line 6 of the 'juicebox.php' file from:

$fileUrl = $_GET['downloading_file'];

... to:

$fileUrl = str_replace('%20', ' ', $_GET['downloading_file']);

I'm not sure that this is the best solution but it should hopefully work.
I have notified the developers of this problem.

Please note that the line number above refers to the current version of Juicebox-Pro (v1.5.0).

The best solution would be to not use spaces in paths.
As image filenames and gallery folder names form parts of URLs when uploaded to a web server, it would be safer to use only web-safe characters. Please see section 2.3 of this document for details: https://tools.ietf.org/html/rfc3986#section-2.3

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved.  These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

You should have no problems (with JuiceboxBuilder-Pro, your web server, FTP software or browsers) when using any or all of these unreserved characters.
(The space character is considered 'unsafe' as it needs to be encoded.)

1,862

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

1,863

(3 replies, posted in Juicebox-Pro Support)

It looks like the following custom CSS from your 'fsa_theme.css' file may be causing the problem.

/* To hide Juicebox logo */
.jb-classifier-link-wrapper + div{
    opacity: 0;
    visibility: hidden;
}

As you are using Juicebox-Pro, the Juicebox logo will not be displayed in any of your Pro galleries so this custom CSS should not be required.

I hope this points you in the right direction.

Incidentally, Juicebox (both Lite and Pro) may be used for personal and/or commercial projects but, if using Juicebox-Lite, please ensure that the Juicebox download link in the bottom right corner is clearly visible. Thank you.

1,864

(9 replies, posted in Juicebox-Pro Support)

I assume this is what you refer to as the 'gallery folder'.

Yes. Your 'jb-main', 'jb-details' etc., folders are your gallery folders.
As noted in the Common Terms support section, the gallery folder is defined as follows:

Gallery Folder - this is the folder that contains the index.html file, config.xml file, gallery images and thumbnails and the jbcore folder.

I tried the 2nd example above, but didn't add the /before jb-xxx.

The leading slash denotes your root directory so, as long as your gallery folders ('jb-main', 'jb-details' etc.) are in your root directory, a path such as '/jb-main/index.html' should work fine (from any page within your web site).

1,865

(5 replies, posted in Juicebox-Pro Support)

@fkelly12054

Thanks for helping out.
As you say, all that is required to have a different audio track per gallery is to supply an MP3 and an OGG file for each gallery and set the appropriate audioUrlMp3 and audioUrlOgg paths in each gallery's XML configuration file.

There are free mp3 to ogg converters on line.

Just in case it helps, there's a link to an online converter in the Adding Audio support section.

1,866

(9 replies, posted in Juicebox-Pro Support)

My gallery folder is called "jb-details", and is in with all my site folders in their own folder "APS woodwork".

I'm not sure where the 'jb-main' folder (from both of your sample iframes) comes from.
The 'src' attribute of your iframe should point towards the 'index.html' file within your gallery folder.
The 'src' attribute can be relative (to the web page containing the iframe code) or absolute in the form http://www.example.com/gallery/index.html

For example, if your gallery folder is named 'jb-details' and you have uploaded the entire folder (not just the contents) to the root directory of your web space, then you could use either of the following:

<iframe src=" http://www.apswoodwork.uk/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
<iframe src=" /jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

The leading slash in the second example denotes your root directory.
If you want to use a relative path, then the path will depend on the location of the page containing the iframe code.

Here's another example.
If your gallery folder is named 'jb-details' and you have uploaded the entire folder to another folder named 'APS woodwork' (which is in the root directory of your web space) and you are looking to load the gallery into an iframe in a web page in your root directory, then you could use:

<iframe src=" http://www.apswoodwork.uk/APS woodwork/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
<iframe src=" /APS woodword/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
<iframe src=" APS woodwork/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

I hope this helps.

In order to set configuration options (such as flickrTags) via a query string in the URL, you'll need to set debugMode="TRUE" in the gallery's embedding code. (Please see the Setting Config Options support section for details.)

To do this within the Juicebox plugin for WordPress, open WP-Juicebox's 'wp-juicebox.php' file in a plain text editor and change line 280 from:

$string_builder .= '        backgroundColor: "' . $background_color . '",' . PHP_EOL;

... to:

$string_builder .= '        debugMode: "TRUE", backgroundColor: "' . $background_color . '",' . PHP_EOL;

You can then set a flickrUserName via the WP-Juicebox gallery settings interface (as usual) and set the flickrTags option via a query string in the URL, for example:
http://www.example.com/gallery/?flickrTags=landscape

If you wanted to, you could set the flickrUserName (or any other configuration options) via the query string, too. Configuration options set via the query string take precedence over those set via the embedding code or in the gallery's XML configuration file. For example:
http://www.example.com/gallery/?flickrUserName=my_flickr_account&flickrTags=landscape

Please note that the line number above refers to the current version of WP-Juicebox (v1.5.0).
(In the version of WP-Juicebox that you are currently using, the line to modify will be somewhere in the region of 289 ~ 290.)

1,868

(7 replies, posted in Juicebox-Pro Support)

I agree. If you keep all your images under your own control (on your own server/web space), then you cannot have the rug pulled out from under you by a third-party image host at a moment's notice if or when they decide to change their policies.

1,869

(1 replies, posted in Juicebox-Pro Support)

Please fill in the Download Link Request Form and the admin team will send you a new download link.
Just fill in the form to the best of your ability (with an approximate purchase date if you cannot remember the exact date) and use the 'Additional Information' box at the foot of the form to add any notes which might help the admin team find your transaction details.
Download Link Request Form: https://juicebox.net/admin/download_request/

1,870

(8 replies, posted in Juicebox-Lite Support)

Also, I have no Edit>Preferences drop-down. All I have is: JuiceBoxBuilder-Lite | Gallery | Images | Presets | Help

Just to clarify, the 'Edit -> Preferences...' option was a reference to the Adobe Lightroom interface (not JuiceboxBuilder-Lite).

If I need Adobe Lightroom, ... negative.

The Juicebox-Lite plugin for Adobe Lightroom is just that: a plugin to allow Juicebox-Lite galleries to be created via the user interface in Adobe Lightroom.
If you do not have Adobe Lightroom, then you will not be able to use the Juicebox-Lite plugin for Adobe Lightroom.
Don't worry, though. The Juicebox-Lite plugin for Adobe Lightroom is just one way to create Juicebox-Lite galleries. It is provided as a convenience for users who already include Adobe Lightroom in their workflow and want to create Juicebox-Pro galleries without switching to another program (such as JuiceboxBuilder-Lite).

However, you do not need Adobe Lightroom to create Juicebox-Lite galleries. You can use JuiceboxBuilder-Lite (which also comes bundled within the Juicebox-Lite zip package) instead. It requires Adobe AIR to run but Adobe AIR is free. Please see the links below regarding JuiceboxBuilder. Installation instructions can be found in the User Guide. (It sounds like you may already have installed JuiceboxBuilder-Lite.)
JuiceboxBuilder Tour: https://www.juicebox.net/tour/juiceboxbuilder/
JuiceboxBuilder User Guide: https://www.juicebox.net/support/juiceboxbuilder/

A Juicebox-Lite gallery created with JuiceboxBuilder-Lite is exactly the same as a Juicebox-Lite gallery created with the Lightroom plugin (assuming similar configuration options are used in both) so you are not missing out on any Juicebox features or functionality by not having Adobe Lightroom.

As well as JuiceboxBuilder-Lite and the Lightroom plugin, there are other methods of creating Juicebox-Lite galleries.
Please see the Juicebox Plugins support section for details.

I hope that helps to clarify things.

1,871

(8 replies, posted in Juicebox-Lite Support)

On a Mac, all you should need to do is extract the 'juicebox_lite_1.5.0.zip' file, go inside the 'juicebox_lite_1.5.0/adobe-lightroom-plugin/' folder and double-click the 'juicebox_lite.lrwebengine' package.
If this does not work, then it might be worthwhile uninstalling and then reinstalling Adobe Lightroom to see if this helps (although the manual method of copying the 'juicebox_lite.lrwebengine' package to the 'Web Galleries' folder should also work fine).
Also, please make sure that you have Adobe Lightroom v4 or later installed. The 'juicebox_lite.lrwebengine' plugin will not work with Adobe Lightroom v3 or earlier.

2. I am on a Mac, yes, and; 'Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/' does not exist

If you cannot find Adobe Lightroom's 'Web Galleries' folder on your computer, then please try the suggestion from my post above:

  • Open Lightroom

  • Go to 'Edit -> Preferences...' (from the drop-down menu at the top)

  • Select the 'Presets' tab

  • Click the 'Show Lightroom Presets Folder...' button

  • Navigate inside the 'Lightroom' folder in the file explorer window that pops up

  • Now navigate inside the 'Web Galleries' folder

This is the folder that you should copy and paste the 'juicebox_lite.lrwebengine' package to (when installing the plugin manually if double-clicking the 'juicebox_lite.lrwebengine' package does not work).
If you do not have a 'Web Galleries' folder (although it should exist by default after installing Lightroom), then try creating it manually in your 'Users/username/Library/Application Support/Adobe/Lightroom/' directory.

3. Looking into the package content? Doesn't show anything neither.

There should be no need to look inside the package (although it seems strange that you do not see anything inside it).
To install the plugin to Adobe Lightroom, either double-click the 'juicebox_lite.lrwebengine' package or, if this does not work, copy and paste the 'juicebox_lite.lrwebengine' package to the 'Web Galleries' folder (see above).

So Any idea where this """juicebox_lite.lrwebengine""" is hidden? Does it exist, even?

The 'juicebox_lite.lrwebengine' package is bundled within the Juicebox-Lite zip file.
Extract the 'juicebox_lite_1.5.0.zip' file and you'll find the 'juicebox_lite.lrwebengine' package in this location: juicebox_lite_1.5.0/adobe-lightroom-plugin/juicebox_lite.lrwebengine

4. Looking into the Libraries (several possible locations)? Nothing there neither.

The only location that the plugin should be installed to is 'Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/'.

I noticed you mention 'juicebox_pro.lrwebengine', but PRO wasn't my issue. Lite is. and This is the forum for Lite. No?

Sorry. There was an instance of 'juicebox_pro.lrwebengine' rather than 'juicebox_lite.lrwebengine' in my post above (which I have since corrected).

I hope these notes help you to successfully install the plugin.

Edit:
Incidentally, the Lightroom plugin was first bundled into the Juicebox-Lite zip file in v1.4.3.
If you have a version prior to v1.4.3, you will not find the 'juicebox_lite.lrwebengine' package inside the Juicebox-Lite zip file.
You can download the current version of Juicebox-Lite (v1.5.0) from the download page here.

1,872

(8 replies, posted in Juicebox-Lite Support)

On a PC, 'juicebox_lite.lrwebengine' is just a regular folder that you can go inside. However, on a Mac, it is seen as a special package which you would need to right-click and select 'Show Package Contents' to go inside.

Instructions for installing the Lightroom plugin can be found on its support page here.

On a PC, just drag and drop the 'juicebox_lite.lrwebengine' folder onto your Lightroom desktop shortcut.
If, for any reason, this does not work, copy the entire 'juicebox_lite.lrwebengine' folder (not just the contents) to your Lightroom 'Web Galleries' folder: C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\

You might need to show hidden files to navigate to this location on your PC using Windows File Explorer.
Otherwise, you can open your Lightroom 'Web Galleries' folder by opening Lightroom, going to 'Edit -> Preferences' (from the drop-down menu at the top), selecting the 'Presets' tab, clicking the 'Show Lightroom Presets Folder...' button and then navigating inside the 'Lightroom/Web Galleries/' folder.

On a Mac, just double-click the 'juicebox_lite.lrwebengine' package.
The Lightroom 'Web Galleries' folder can be found in this location on a Mac: Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/

1,873

(1 replies, posted in Juicebox-Pro Support)

When a Juicebox gallery is displayed on a touch-enabled mobile device, Juicebox uses Touch Input Mode (rather than Mouse Input Mode). Please see the Input Mode support section for more information.

In Touch Input Mode, the imageTransitionType is always set to SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
The imageTransitionType can be set only for Large Screen Mode and Mouse Input Mode. This is noted in the short description for imageTransitionType in the Main Image section of the Config Options Page:

imageTransitionType: How to transition between images. Only applies for Large Screen Mode and Mouse Input Mode.

Unfortunately, there is no way to change the imageTransitionType on a touch-enabled mobile device. It will always be set to SLIDE.

However, if you like, you can 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 any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

1,874

(7 replies, posted in Juicebox-Pro Support)

I'm glad you've got it working. Thank you for letting me know.

Just a note that autoplay on load has to be unchecked.

Good catch! Also, make sure that you do not set a firstImageIndex (in JuiceboxBuilder-Pro's 'Customize -> General' section).

1,875

(7 replies, posted in Juicebox-Pro Support)

There are a few factors which determine how Juicebox-Pro displays a gallery.

First of all, thumbnails and main images are displayed on separate pages only in Small Screen Mode. In Large Screen Mode, the thumbnails and main images are displayed together on the same page.
By default, Juicebox-Pro will use Small Screen Mode only on mobile (small screen) devices.
If you want Juicebox-Pro to always use Small Screen Mode regardless of the device being used to view the gallery (and, therefore, always display thumbnails on a separate page), set screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

To ensure that the thumbnail page is displayed (rather than the first image in the gallery) when the gallery is initially loaded, be sure to set showSmallThumbsOnLoad="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section).

In Small Screen Mode, if a gallery is displayed on a page of its own (with dimensions of 100% x 100% and no other content on the page), then the thumbnail page will be displayed by default.
However, if the gallery is embedded in a page (with dimensions of less than 100% x 100% or with other content on the page), then the Splash Page will be used by default. (The user can click/tap the Splash Page to expand the gallery.)
To disable the Splash Page and always display the thumbnail page (regardless of whether the gallery is embedded alongside other content or not), set showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).

Please note that the actual number of thumbnails displayed will depend on the thumbnail dimensions (thumbWidth and thumbHeight) and the available space on the user's screen. If there is not enough room to display all teh thumbnails in the gallery, then additional thumbnail pages will be generated and the user can navigate through them by swiping left and right (in Touch Input Mode) or by clicking the thumbnail paging arrows (in Mouse Input Mode).

More information about Screen Modes, Input Modes and the Splash Page can be found in the Gallery Tour.

I hope this helps to clarify things.
Setting screenMode="SMALL" will be enough for Juicebox-Pro to use separate thumbnail pages but, depending on other factors (see above), it might not be enough for the thumbnail pages to initially be displayed. You might find that you need to also set showSmallThumbsOnLoad="TRUE" and showSplashPage="NEVER".

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