Juicebox v1.5.1 Released!

2016-03-15 23:24:05

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.

2016-03-15 21:13:40

You're welcome!

2016-03-15 21:13:38

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.

2016-03-15 04:18:44

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.

2016-03-14 22:18:06

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.

2016-03-14 22:13:29

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.

2016-03-14 06:03:57

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

2016-03-13 21:25:18

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.

2016-03-13 21:23:39

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'.

2016-03-11 20:41:38

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

2016-03-10 22:44:11

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!

2016-03-10 22:38:05

@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.

2016-03-09 21:45:06

@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.

2016-03-08 22:18:19

@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.)

2016-03-06 21:27:12

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.

2016-03-05 20:31:49

@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.

2016-03-05 20:31:19

@adastramedia

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

2016-03-05 05:57:30

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

2016-03-04 19:53:19

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 ).

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.

2016-03-03 21:20:51

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.

2016-03-03 21:00:43

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?

2016-03-03 20:57:28

It looks like visitors to your web site in Nevada might be accessing your web site via www.lindasuzanne.com instead of lindasuzanne.com.
You hard-code the lindasuzanne.com domain into your baseUrl path so the gallery will display only on lindasuzanne.com and not www.lindasuzanne.com.

Please see this FAQ for details:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

Use the following embedding code and your gallery should display on both www.lindasuzanne.com and lindasuzanne.com.

<!--START JUICEBOX EMBED-->
<script src="/Gallery2/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: '/Gallery2/',
        containerId: 'juicebox-container',
        galleryWidth: "100%",
        galleryHeight: "90%",
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(The leading slashes in the paths above denote your root directory.)

I hope this solves your problem.

Incidentally, the SEO content code normally goes inside the <div id="juicebox-container"> ... </div> container.
(You have a closing </div> tag immediately after <div id="juicebox-container"> and also at the very end of the code you posted.)

2016-03-03 00:51:16

Try saving your web engine settings as a template ('Web -> New Template') from the drop down menu at the top of Lightroom 6. You can change your web engine settings and create another template with the new settings.
Then, when creating a gallery, you can switch between templates in the Template Browser control panel (to the left of the live preview window).
I hope this helps.

2016-03-03 00:26:32

Juicebox-Pro does not have any built-in configuration options that you could use to do this but you could try something like the following.
This possible solution checks the width of the web page and then sets appropriate configuration options before loading the gallery. The code also listens for a change in the window width and if the threshold width value is crossed, the gallery will be redrawn with new values.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the following code:

<!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;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
           var a, b, c, thresholdWidth = 600, z = false;
           function loadGallery(a, b, c) {
                new juicebox({
                    containerId: "juicebox-container",
                    maxThumbColumns: a,
                    maxThumbRows: b,
                    thumbsPosition: c
                });
                z = true;
            }
            function thumbsStatus() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                if (windowWidth < thresholdWidth && (c === 'LEFT' || z === false)) {
                    a = '10';
                    b = '1';
                    c = 'BOTTOM';
                    loadGallery(a, b, c);
                }
                if (windowWidth >= thresholdWidth && (c === 'BOTTOM' || z === false)) {
                    a = '1';
                    b = '5';
                    c = 'LEFT';
                    loadGallery(a, b, c);
                }
            }
            $(document).ready(function() {
                thumbsStatus();
                $(window).resize(thumbsStatus);
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

I hope this helps.

2016-03-03 00:10:26

@just_rajpoot

Your gallery uses the following path as the configUrl:

\u002Fjuicebox\u002Fxml\u002Ffield\u002Fnode\u002F5\u002Ffield_images\u002Ffull?checksum=29afd68ddaea7f5502f4ddc91480b713

This first thing I notice is that backslashes are being used instead of regular forward slashes.
However, even if the backslashes are changed to forward slashes, going to that location on your web server (which should display the XML data for the gallery), results in an error 404 (file not found).

The structure of the gallery and the path for the configUrl are generated by the Drupal module.
We did not write the Juicebox module for Drupal ourselves and, as such, any queries relating directly to the module would be better directed towards the Drupal forum where the author of the module (who will be more familiar with both Drupal and the module itself) should be able to help you out further: https://www.drupal.org/forum
(The Juicebox module for Drupal is an unofficial plugin but is well supported by its author on the Drupal forum.)

I realise that this does not solve your problem but it should hopefully point you in the right direction.

Juicebox v1.5.1 Released!

Search options (Page 92 of 237)

Posts found: 2,276 to 2,300 of 5,911

2,276 Reply by Steven @ Juicebox 2016-03-15 23:24:05

Re: Caption position too far below image in gallery [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,277 Reply by Steven @ Juicebox 2016-03-15 21:13:40

Re: juicebox doesn't work with wix sites?? (5 replies, posted in Juicebox-Lite Support)

2,278 Reply by Steven @ Juicebox 2016-03-15 21:13:38

Re: Lack of fullscreen expand - deliberate? (9 replies, posted in Juicebox-Lite Support)

2,279 Reply by Steven @ Juicebox 2016-03-15 04:18:44

Re: Lack of fullscreen expand - deliberate? (9 replies, posted in Juicebox-Lite Support)

2,280 Reply by Steven @ Juicebox 2016-03-14 22:18:06

Re: juicebox doesn't work with wix sites?? (5 replies, posted in Juicebox-Lite Support)

2,281 Reply by Steven @ Juicebox 2016-03-14 22:13:29

Re: "Juicebox Error: Config XML file not found" In Lightroom CC (9 replies, posted in Juicebox-Pro Support)

2,282 Reply by Steven @ Juicebox 2016-03-14 06:03:57

Re: Help with adding icons [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,283 Reply by Steven @ Juicebox 2016-03-13 21:25:18

Re: juicebox doesn't work with wix sites?? (5 replies, posted in Juicebox-Lite Support)

2,284 Reply by Steven @ Juicebox 2016-03-13 21:23:39

Re: "Juicebox Error: Config XML file not found" In Lightroom CC (9 replies, posted in Juicebox-Pro Support)

2,285 Reply by Steven @ Juicebox 2016-03-11 20:41:38

Re: counting your visitors (7 replies, posted in Juicebox-Pro Support)

2,286 Reply by Steven @ Juicebox 2016-03-10 22:44:11

Re: Drupal and htaccess (1 replies, posted in Juicebox-Pro Support)

2,287 Reply by Steven @ Juicebox 2016-03-10 22:38:05

Re: counting your visitors (7 replies, posted in Juicebox-Pro Support)

2,288 Reply by Steven @ Juicebox 2016-03-09 21:45:06

Re: "Juicebox Error: Config XML file not found" In Lightroom CC (9 replies, posted in Juicebox-Pro Support)

2,289 Reply by Steven @ Juicebox 2016-03-08 22:18:19

Re: "Juicebox Error: Config XML file not found" In Lightroom CC (9 replies, posted in Juicebox-Pro Support)

2,290 Reply by Steven @ Juicebox 2016-03-06 21:27:12

Re: Reformat title in config.php (1 replies, posted in Juicebox-Lite Support)

2,291 Reply by Steven @ Juicebox 2016-03-05 20:31:49

Re: Feature Requests (498 replies, posted in Juicebox-Pro Support)

2,292 Reply by Steven @ Juicebox 2016-03-05 20:31:19

Re: Can't open existing gallery (29 replies, posted in Juicebox-Pro Support)

2,293 Reply by Steven @ Juicebox 2016-03-05 05:57:30

Re: Problem embedding into Joomla website [SOLVED] (4 replies, posted in Juicebox-Pro Support)

2,294 Reply by Steven @ Juicebox 2016-03-04 19:53:19

Re: Problem embedding into Joomla website [SOLVED] (4 replies, posted in Juicebox-Pro Support)

2,295 Reply by Steven @ Juicebox 2016-03-03 21:20:51

Re: Help with adding icons [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,296 Reply by Steven @ Juicebox 2016-03-03 21:00:43

Re: Questions to LR6 Plugin usage (4 replies, posted in Juicebox-Pro Support)

2,297 Reply by Steven @ Juicebox 2016-03-03 20:57:28

Re: Gallery working in California but not working in Nevada (1 replies, posted in Juicebox-Pro Support)

2,298 Reply by Steven @ Juicebox 2016-03-03 00:51:16

Re: Questions to LR6 Plugin usage (4 replies, posted in Juicebox-Pro Support)

2,299 Reply by Steven @ Juicebox 2016-03-03 00:26:32

Re: Changing thumbnails position (1 replies, posted in Juicebox-Pro Support)

2,300 Reply by Steven @ Juicebox 2016-03-03 00:10:26

Re: juicebox not working! not loading photos (4 replies, posted in Juicebox-Lite Support)

Posts found: 2,276 to 2,300 of 5,911