2,201 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Issue #1:

This issue affects Juicebox-Lite only.
The image referred to in the error message (and being loaded over HTTP) is used only in Juicebox-Lite.
If you were to upgrade WP-Juicebox to use Juicebox-Pro instead of Juicebox-Lite (following the instructions here), then this would avoid the issue.

We now have an SSL certificate in place for juicebox.net and in the next version of Juicebox-Lite, the image will be loaded over HTTPS resolving the issue.


Issue #2:

Please see this forum thread for suggestions on how to troubleshoot this issue.
I suspect your problem might be #5 in the list.
I hope this helps.

Go to forum: Juicebox-Pro Support

2,202 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Lite Support)

OK... but if you ever want to try again, all you should need to do is use the baseUrl method of embedding and use absolute URLs in the embedding code to point towards your 'juicebox.js' file and your gallery folder on the googledrive.com domain.

Go to forum: Juicebox-Lite Support

2,203 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

What you are describing is the Splash Page.
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window).
When the user clicks/taps the Splash Page, the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

You can remove the default Splash Page text ("View Gallery") by setting splashButtonText="".
You can remove the image count by setting splashShowImageCount="FALSE".

You can disable the entire overlay only via CSS by adding the following code to the <head> section of your gallery's web page:

<style type="text/css">
    .jb-splash-info {
        display: none;
    }
</style>

(If you do this, the Splash Page will still be displayed (unless you disable it using on of the suggestions above) and all the user will see is a single image with no indication that it should be clicked/tapped to open the gallery.)

Go to forum: Juicebox-Pro Support

2,204 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Lite Support)

There is certainly no way to have the Expand Button displayed in a gallery which is loaded into an iframe.

When hosting a gallery on a different domain and embedding the gallery directly using the recommended embedding code, then the only solution would be to use CORS.
More information about CORS can be found here: http://www.w3.org/TR/cors/
Google Drive already supports CORS (at least on my own test gallery) so no further action is required other than using the correct embedding code in your web page.

My suggestion above should work OK.

I have been able to embed a gallery hosted on Google Drive directly into a web page on a different domain (not on googledrive.com).
Here is an example of a Juicebox-Lite gallery hosted on Google Drive but embedded directly into a web page on the testgallery.comyr.com domain using the embedding code below. The Expand Button is displayed and functional.

Test URL: [Link removed.]

Test Embedding Code:

<!--START JUICEBOX EMBED-->
<script src="https://googledrive.com/host/0BxXHNif2h4NRcmxHOW9lUDBWWTQ/jbcore/juicebox.js"></script>
<script>
new juicebox({
    baseUrl: 'https://googledrive.com/host/0BxXHNif2h4NRcmxHOW9lUDBWWTQ/',
    containerId: 'juicebox-container',
    galleryWidth: '800',
    galleryHeight: '600'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Perhaps you could create a test page on your site (you would need to publish it but you would not need to link to it from any other of your web pages) using the embedding code I posted in my last post and I could take a look and try to figure out why it is not working for you.

Go to forum: Juicebox-Lite Support

2,205 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The large gap between your main image and captions is partly due to setting imageVAlign="TOP".
This positions the image at the top of the gallery's image area rather than centering it vertically (which would balance the space equally above and below the main image).

The fact there is space at all is due to the gallery's image area having a different aspect ratio to your main image.
If you reduced the height of your gallery (try a fixed height such as '800px' or maybe '600px'), you should see the gap reduced, too.
Please see this FAQ for more details:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

Looking at the layout in your screenshot, setting captionPosition="OVERLAY" might also be a suitable compromise.

I hope one of these suggestions helps.

It would likely prove to be difficult to reposition the caption area by applying custom CSS to Juicebox's internal classes. As well as the difficulty in achieving the desired effect, Juicebox would have no knowledge of this modification and it might have unwanted, unforeseen knock-on effects (for example if the browser window is resized and the gallery needs to be redrawn). Also, custom modifications are not guaranteed to work with future versions of Juicebox.
I would recommend that you configure the gallery using the available configuration options. You might not be able to layout your gallery exactly as you like but you are less likely to run into problems.

Go to forum: Juicebox-Pro Support

2,206 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

You're welcome!

Go to forum: Juicebox-Lite Support

2,207 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Lite Support)

Thank you for the link to your web page. (I forgot you were using Wix.)

The problem is due to the gallery not being embedded directly into your web page but, instead, being loaded into an iframe.
This is a limitation of using an iframe and is noted in the '2) Using an iframe' support section here.

You can also use an iframe to embed a gallery in a different folder. Please note that this method will limit the functionality of the gallery. 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.

The Expand Button is displayed and functional when viewing the web page that your gallery is embedded into:
https://googledrive.com/host/0BwtcFyjGj … index.html

Ordinarily, all gallery files need to be on the same domain as the web page containing the gallery's JavaScript embedding code, otherwise the same-origin policy will prevent the gallery from being displayed.
Please see here for for information on the same-origin policy: https://developer.mozilla.org/en-US/doc … gin_policy

However, it looks like your Google Drive web space (where your gallery is hosted) is already set up to use CORS (cross-origin resource sharing) so you should hopefully be able to replace your iframe code with the following baseUrl embedding code (to embed the gallery directly into your web page and have the Expand Button displayed).

<!--START JUICEBOX EMBED-->
<script src="https://googledrive.com/host/0BwtcFyjGjQxGSWZfb3Jrbm9qWXc/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: 'https://googledrive.com/host/0BwtcFyjGjQxGSWZfb3Jrbm9qWXc/',
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '600',
        backgroundColor: '222222'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

Go to forum: Juicebox-Lite Support

2,208 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Lite Support)

The useFullscreenExpand configuration option is supported by both Juicebox-Lite (the free version) and Juicebox-Pro.
Here is a sample Lite gallery which sets useFullscreenExpand="TRUE" (and the gallery expands fullscreen rather than just full browser) when clicking the Expand Button on the Button Bar.
www.juicebox.net/demos/lite/full/?usefullscreenExpand=TRUE

The Fullscreen API is supported by all major modern browsers.
Please see here for a list of browsers which support this feature: http://caniuse.com/#feat=fullscreen

Please check that your gallery's 'config.xml' file contains useFullscreenExpand="TRUE" as an attribute to the opening <juiceboxgallery> tag. You can open the 'config.xml' file in a plain text editor to check its contents.
As long as you select the 'Use Fullscreen Expand' checkbox in JuiceboxBuilder-Lite, the option should be included in the XML file.

If you have recently made changes to an existing gallery, then also make sure that the original XML file is being overwritten on your web server. If you are in any doubt as to whether or not the original file is being overwritten, try deleting it from your web server first before uploading the new version in its place.

Finally, make sure that you clear your browser's cache before reloading your gallery's web page to ensure that your browser is using the current files from your web server (and not older cached versions).

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. Thank you.

Go to forum: Juicebox-Lite Support

2,209 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

Please try the procedure in this forum post. (Just replace all instances of 'Juicebox-Pro' with 'Juicebox-Lite'.)

Initially, just close JuiceboxBuilder-Lite and delete the following folder:
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Lite
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Lite

If this does not work, then try the complete procedure outlined in the post.
Hopefully this will help.

Go to forum: Juicebox-Lite Support

2,210 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

I'm glad that my suggestion works as a workaround.

Unfortunately, being that there is no code in the plugin that is specific to the live preview window display, I think there is little that can be done at the plugin level to fix the problem.

A Juicebox gallery web page is displayed dynamically by the 'juicebox.js' JavaScript file. It is not a just a regular static web page containing HTML elements styled via CSS.
It is not possible to change a configuration option once a gallery has been displayed. If you want to see how a gallery looks after changing a configuration option, then the gallery (the web page) must be reloaded.

This means that the plugin is not a suitable candidate for Lightroom's 'Live Update' functionality whereby the live preview web page is updated (dynamically via JavaScript) without being reloaded.

Due to the nature of Juicebox, all the plugin can do is either:
(1) Reload the page on every configuration option change.
... or:
(2) Do not reload the page until the user chooses to do so via Cmd+R (Mac), Ctrl+R (Windows) or 'Web -> Reload'.

As I mentioned previously, there is no code in the plugin specific to the live preview window display (other than setting a single boolean variable) so there is little the plugin can do to change how Lightroom displays the gallery in the live preview window other than preventing a page reload on every configuration option change (or maybe replacing all sliders in the interface with another input type such as text boxes to prevent multiple successive reloads when sliding the slider).

If anyone else is experiencing a similar problem, then please post in this thread.
It would be very interesting to know if this is a widespread problem (perhaps on Macs only?) or just isolated a few specific systems.
Thank you.

Go to forum: Juicebox-Pro Support

2,211 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you were able to achieve what you wanted to do.
Thank you for letting me know.

Go to forum: Juicebox-Pro Support

2,212 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

Please see the support section entitled Embedding in a Web Template Site.
There are instructions there for loading a Juicebox gallery into a web template site such as Wix.

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.
Thank you.

Go to forum: Juicebox-Lite Support

2,213 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Thank you for the information.
Perhaps we can match it up with some of mark's if he post's his own specifications.

I know you say "all software ist the newest version" but could you please confirm your Lightroom version number.
Go to 'Help -> System Info...' from the drop down menu at the top and the 'Lightroom version' should be the first entry in the list.
It might be unlikely but there may be a bug in a certain version of Lightroom which is contributing to the problem.
All the plugin does regarding the live preview window is internally set supportsLiveUpdate = false. Lightroom handles everything else itself.

tigering the error is: making adjustments with the slideres 1-6 times.

The plugin updates the live preview window each time a configuration option is changed in the interface.
Each time a slider's position changes, the web page will be reloaded.
Your installation seems to be getting hung up on reloading the web page multiple times in quick succession when a slider is used (although I still can't reproduce the problem on my Windows PC).

Perhaps the best course of action would be to prevent the live preview window from being updated each time a configuration option is changed and, instead, allow the user to update the live preview window manually (whenever required) by pressing Cmd+R (Mac), Ctrl+R (Windows) or by selecting 'Web -> Reload' (from the drop-down menu at the top).
Disabling the instant update functionality to the live preview window (and reloading the web page only on demand) should help.

It might not be an ideal solution to the problem but it should hopefully be a suitable workaround.

If you'd like to try it, download the 'galleryInfo.lrweb' file from here [Link removed.] and use it to replace your plugin's existing 'galleryInfo.lrweb' file (inside the 'juicebox_pro.lrwebengine' folder/package). (This file should be used to replace the 'galleryInfo.lrweb' file in version 1.5.0 of the Lightroom plugin only.)

Please note that on a Mac, 'juicebox_pro.lrwebengine' is seen as a special package (rather than just a regular folder). To open the folder, you'll need to right-click the package and select 'Show Package Content'.

Go to forum: Juicebox-Pro Support

2,214 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to resolve your problem. Thank you for letting me know.

Go to forum: Juicebox-Pro Support

2,215 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Thank you very much for taking the time to share your experiences and tips.
Hopefully it will help others with similar problems. It might save a lot of time and avoid a lot of frustration!

Go to forum: Juicebox-Pro Support

2,216 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

@paracchini.luigi

According to this StatCounter web page (http://statcounter.com/support/knowledge-base/14/), the code they provide should be inserted just before the closing <body> tag.
Quote from the web page above:

It's very important to install StatCounter in the correct place on your website i.e. just inside the closing "body" tag - </body> - as indicated below.

There is no reason why this should not work on a Juicebox gallery page. (A Juicebox gallery is essentially just a <div> container on a regular web page.)

I'm not sure how long it takes for visits to your web page to show up in the StatCounter logs. (It might not be instant.)
Perhaps the StatCounter support team can help with this.
They should also be able to help if you find that the tracking code does not work.

Go to forum: Juicebox-Pro Support

2,217 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

@mark & @ralfhiemisch

Maybe there is something similar in your two systems or setups that is somehow contributing to the problem.

Maybe if you could both post your computer specifications (Mac vs PC, operating system, CPU, RAM) and a few other details, there may be some pattern or link between the two.

If there is anything non-standard about your Lightroom installation (such as a custom install location), please let me know.

Also, please let me know where the images you are using in Lightroom are located when you select the Juicebox web engine (for example, on a local hard drive, a NAS drive, a folder synced to an online file sharing service or somewhere else).

The more information we have, the more likely we are to find the cause of the problem.

When the error occurs, you could try pressing Ctrl + R (or going to 'Web -> Reload' from the drop-down menu at the top) to reload the live preview to see if this helps.

Lightroom serves the live preview from a temporary folder. On a Windows PC, the files for the live preview should be found in the following location.
C:\Users\Username\AppData\Local\Temp\AgWPGPreview\

Whilst Lightroom is open and the error message is being displayed, go to that location (if you have a Windows PC) and check that there is a file named 'config.xml'. You should be able to open the file in a text editor to check its contents. Please let me know what you find.

Go to forum: Juicebox-Pro Support

2,218 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

@ralfhiemisch

Unfortunately, I have not been able to reproduce this problem myself and trying to troubleshoot a problem that I cannot reproduce is very difficult.
If you can find anything that seems to trigger the error, please let me know.
For mark, the problem seems to be random. Do you see any pattern in your own installation or does it seem to be random for yourself, too?

In addition to my notes above, try installing the Juicebox-Lite web engine alongside the Juicebox-Pro version to see if the problem is unique to Pro or if the problem lies with both Lite and Pro.
(The Lite and Pro versions can be installed and run alongside each other. The Lite version can be found inside the Juicebox-Lite download zip file. You can download Juicebox-Lite from this web page.)

Go to forum: Juicebox-Pro Support

2,219 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

You should be able to replace $gallery[$i] with another variable without any problem.

Try the following:

function format($input) {
    return substr($input, 8, 4) . '-' . substr($input, 12, 2) . '-' . substr($input, 14, 2) . ' ' . substr($input, 16, 2) . ':' . substr($input, 18, 2);
}
echo '<title><![CDATA[' . format($gallery[$i]) . ']]></title>';

I do not know if all your image filenames use exactly the same format so the function above may not be robust enough but it should give you an idea of what might work.

If you continue to experience difficulties, then please post the code that you are using that fails and I'll take a look and hopefully be able to determine the cause of your problem.

Go to forum: Juicebox-Lite Support

2,220 Reply by Steven @ Juicebox

(496 replies, posted in Juicebox-Pro Support)

@adastramedia

Thank you for your suggestions.

Most forums I've visited over the years use chronological order (most recent posts at the bottom) by default.
Unfortunately, this forum does not have the option to allow users to change their preferred post order to reverse chronological order.

Go to forum: Juicebox-Pro Support

2,221 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

@adastramedia

Thank you for sharing your findings.
Hopefully it will help other users with similar symptoms.

Go to forum: Juicebox-Pro Support

2,222 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you've got it working. Thank you for letting me know.

Go to forum: Juicebox-Pro Support

2,223 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

In your Joomla page, change:

baseUrl: 'member_galleries/andygilbert/',

... to:

baseUrl: '/joomla30/member_galleries/andygilbert/',

Also, there is no <div id="juicebox-container"></div> on your page so there Juicebox will not find the containerId that the gallery should be embedded into.
Add:

<div id="juicebox-container"></div>

... to the end of your embedding code (just before <!--END JUICEBOX EMBED-->).

After making these changes, please clear your browser's cache before reloading your gallery's web page to ensure that your browser is using the latest version of your HTML page from your server (and not an older cached version).

This should solve your problem.

Go to forum: Juicebox-Pro Support

2,224 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You could maybe create a custom font (with whatever icons you want to use as characters) with an online app such as IcoMoon.
You could then load the font into your gallery's web page and use your new custom characters in your image titles and captions.

You could use HTML formatting within your image titles and captions (as noted in this FAQ below) to ensure that the correct font is used when required.
How do I add HTML formatting to image captions and titles?

For example, the 'juicebox' font (which contains the icons for the gallery) is already loaded into a gallery page but you could use one of its icons in an image caption as follows:

<caption><![CDATA[This is the Juicebox 'Back Button' icon: <span style="font-family: juicebox;">&#xe014</span>]]></caption>

More information about using IcoMoon in conjunction with Juicebox can be found in the Theming Guide. (It might not be directly related to your query but you might find it interesting.)

I hope this points you in the right direction.

Go to forum: Juicebox-Pro Support

2,225 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

It works a charme, thanks !

You're welcome! I'm glad you've got it working. Thank you for letting me know.

What I pity is that nowhere can I find that inserting a <BR> in the caption will actually create a new line in the caption.

As you have discovered, you can add HTML formatting (such as <br> line breaks) to image titles and captions.
This is noted in this FAQ (although a line break is not part of the example):
How do I add HTML formatting to image captions and titles?

Go to forum: Juicebox-Pro Support