1,701 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

The alternative to Fotomoto that Juicebox-Pro provides is the ability to assign each gallery image with a unique purchaseURL.
If a gallery image has been assigned a purchaseURL, then the Shopping Cart icon will appear in the gallery's Button Bar and the corresponding purchaseURL will be opened in a new tab.

It is not a fully formed alternative to Fotomoto but it provides a way to link images to individual purchase pages (for a different e-commerce solution).

The purchaseURLs do not need to link to pages from a third-party e-commerce package.
They could link to PayPal payment pages (for example) or just other web pages within your own site (perhaps with a contact form so that users could send you information about what products they require).

If you link to PHP pages, then you could set individual purchaseURLs with the image number included as a query string parameter, e.g.:

purchaseURL="http://www.example.com/purchase.php?image=7"

In your 'purchase.php' page, you could fetch the image number (to know which image's Shopping Cart button has been clicked) by using PHP $_GET.

Please see the Using Custom Purchase URLs support section for more information about how to set purchaseURLs.

It may require a lot of work to set up a custom alternative to Fotomoto but it is certainly possible and I hope that my notes above point you in the right direction.

Go to forum: Juicebox-Pro Support

1,702 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

Thank you for reporting this problem.
I have been able to replicate a similar problem when useFullscreenExpand="TRUE" in WebKit browsers (Chrome and Opera) on my PC and I have logged a bug report with the developers.

I notice that your gallery currently uses Juicebox-Pro v1.4.4.1.
Please try upgrading your gallery to the latest version of Juicebox-Pro (v1.5.0) to see if this helps with the problem on Android.
Full instructions for downloading the latest version can be found on the Upgrading Juicebox support page.

If the problem still occurs with the latest version, then I can add appropriate notes to the bug report.
Also, please let me know if the problem occurs in any other browsers on Android, e.g. the stock Android browser or Firefox (if you've tested in any browsers other than Chrome).
The more information we have, the better.

Setting useFullscreenExpand="FALSE" should be a suitable workaround for Chrome and Opera desktop browsers until the bug is fixed but Juicebox automatically uses the Fullscreen API on Android so, unfortunately, I do not think that there is a suitable workaround for Android.

Thank you, once again, for reporting this issue.

Go to forum: Juicebox-Pro Support

1,703 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

If you are using the Juicebox module for Drupal, please note that the module is an unofficial plugin which was not written by ourselves, and as such, I am not overly familiar with its code, interface or inner workings.
However, the module is well supported by its author in the Drupal forum and I would highly recommend that you post your query over there where Ryan will see it and hopefully be able to help you further.
(Also, the module's online documentation might help.)

If you are not using the module, then please check out the Embedding in a Drupal Site instructions.
You can create a gallery with JuiceboxBuilder (easily adding images by dragging and dropping them on the application's 'Images' tab) and as long as you upload the complete gallery folder to you web server, then all your images should be displayed in the gallery.

I hope this points you in the right direction.

Go to forum: Juicebox-Lite Support

1,704 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Your gallery does not explicitly set captionHAlign="LEFT" (there is no sign of this configuration option in your gallery's 'config.xml' file) so the gallery should be using the default value for captionHAlign (which is LEFT anyway).
However, your captions are being centered due to custom CSS in your 'style.css' file, specifically line 63:

td {text-align: center; vertical-align:middle;}

This will center-align text in all <td> elements on your web page (including those on your gallery's caption area).
It is not possible to isolate a Juicebox gallery (or any other HTML element) from global CSS and the gallery has no option but to inherit such rules.
The best course of action would be to have custom CSS rules applied to only those elements on your web page which require them through use of further CSS selectors (classes and ids).

Another possible solution would be to add the following CSS to your web page. It should solve your problem and align your gallery captions LEFT but it may prevent captionHAlign from working with any other value. The better solution is to apply your own custom CSS rules to only those elements on your web page that require it (rather than to all <td> tags).

.juicebox-gallery td {text-align: left !important;}

Go to forum: Juicebox-Pro Support

1,705 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

@compras.online

A bug report has been logged with the developers and the problem should be fixed in the next version of Juicebox.
Unfortunately, I am unable to give you a time-frame as to when this issue might be addressed. (Any estimate I give
you could turn out to be inaccurate. I really do not know when the next version of Juicebox will be released.)

As I noted in a post above, it might help if you were to change useFullscreenExpand="TRUE" to useFullscreenExpand="FALSE" (or set expandInNewPage="TRUE").
I realise that this is not ideal (as it disables the fullscreen expand experience) but it should be a suitable workaround until the problem is fixed.

Alternatively, try adding the following CSS to the <head> section of your gallery's web page.

<style type="text/css">
    body {
        overflow-x: hidden !important;
    }
</style>

This should prevent a horizontal scroll bar from ever appearing on your web page and you should be able to continue using useFullscreenExpand="TRUE".

I hope this helps.

Go to forum: Juicebox-Pro Support

1,706 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I see Juicebox logo in lower right corner.

This indicates that the gallery is a Juicebox-Lite gallery and any Pro configurations options set in the gallery's 'config.xml' file (including all AutoPlay options which are Pro only) will be ignored.

... i thought it was Builder pro, because it is writen in the header and i can select pro options in the builder.

Only JuiceboxBuilder-Pro is labelled as such as JuiceboxBuilder-Lite does not feature Pro configuration options on the 'Customize' tab. JuiceboxBuilder-Pro should always create Pro galleries (unless, somehow, the program's Pro 'jbcore' folder has been replaced manually with the Lite version).

I do not know how your friend and yourself are using Juicebox-Pro but please remember that, for each licensed copy, you can:

Go to forum: Juicebox-Pro Support

1,707 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Make sure that your gallery isn't somehow a Juicebox-Lite gallery. (Pro options are ignored in Juicebox-Lite.)
If your gallery has a Juicebox badge/logo in the lower right corner, then it is Lite. (Pro galleries do not have this branding.)
If you find that your gallery is Juicebox-Lite, open it and re-save it in JuiceboxBuilder-Pro (on the 'Publish' tab) to convert it to Pro.

I can only send you gallery if you give me an email.

Please check your email. I have sent you a message. Thank you.

Go to forum: Juicebox-Pro Support

1,708 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

If you are viewing your gallery over a 3G or 4G connection (rather than wi-fi), then please see this FAQ for more information and a possible solution.
FAQ: Why can't I view my gallery on a 3G mobile connection?

If this does not make a difference, then hopefully my notes below will help.

Looking at the source of your web page in a browser, I notice that there is no <script> tag loading the 'juicebox.js' file on your page.
It looks like the content of the 'juicebox.js' file has been incorporated into your http://cdn1.diverse-cdn.com/api/combo-js/config=dsidxpress.js/d4c7fb?ver=2.1.43 file.
It is important for the 'juicebox.js' file to be loaded into the embedding page separately (via its own <script> tag) from within the gallery's 'jbcore' folder.
Juicebox looks for a <script> tag loading the 'juicebox.js' file in order to determine the location of the gallery's 'jbcore' folder (so that it can then find other resource files that are required for the gallery to function correctly).
Try loading the 'juicebox.js' file directly into your web page (rather than combined and/or minimized with other JavaScript files) and this should hopefully solve your problem.

If this does not help, then try embedding a sample gallery into your web page using the standard embedding code found here.
This should work OK. Next, introduce your customizations, one by one, to see if they are somehow contributing to your problem.

Alternatively, you could try removing your customizations (one by one) to see if you can find the cause of the problem.
(1) Try using a regular text string pointing to a 'config.xml' file (e.g. configUrl: 'config.xml') instead of using a JavaScript function to generate the value for your configUrl.
(2) Try using the stock 'theme.css' file (and allow Juicebox to load it from within the 'jbcore' folder rather than from a different domain via a CDN).
(3) Try putting the embedding code before the gallery's container on your web page. (I know it seems unlikely that this would help but it's a quick and easy thing to try and, without knowing exactly what is causing your problem, I would not rule anything out without trying it first.)
(4) Try removing the line: if($('#dsidx-media').length === 0) { return; }. Juicebox should wait until the Document Object Model is ready before embedding the gallery into the specified container so this line of code should not be necessary.

I hope these suggestions point you in the right direction and help to track down the cause of your problem.

Go to forum: Juicebox-Lite Support

1,709 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

From the configuration options you use, it looks like your gallery's AutoPlay should function correctly.

enableAutoPlay="TRUE" allows AutoPlay to be toggled on and off via the spacebar.
autoPlayOnLoad="TRUE" will start the AutoPlay automatically when the gallery is loaded.
showAutoPlayButton="TRUE" will display the AutoPlay button on the Button Bar (to toggle AutoPlay on and off).

The only thing I can think of that might be preventing your AutoPlay from starting is if the Splash Page is being displayed (for example on mobile devices or if showSplashPage="ALWAYS"), in which case, AutoPlay should start as soon as the gallery is expanded from the Splash Page.

Please post back with a link to your gallery so that I can take a look at the problem for myself and hopefully help further.
Once I'm able to see the gallery for myself, I should hopefully be able to determine the cause of the problem and propose a solution.
Thank you.

Go to forum: Juicebox-Pro Support

1,710 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

1,711 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The problem is likely due to the layout of your page.
I'm not sure that Mobile Safari always plays nice with 100% height framesets.
In landscape mode, it looks like Mobile Safari is not taking into account the address bar (at the top) and/or the toolbar (at the bottom).
You could try setting heights for each of your frames (using a 'height' or 'style' attribute) on the page containing the frames ('index2.html') but I'm not sure that this will help.

<frame src="menu.html" noresize="noresize" name="leftFrame" scrolling="No" id="leftFrame" title="Menu" height="100%" style="height: 100%;" />
<frame src="port.html" name="mainFrame" id="mainFrame" title="Port" height="100%" style="height: 100%;" />

I think you might be better off replacing your frameset layout with a CSS solution.
Take a look at the Side Menu example in the Using a Resizable Gallery with a Header support section.
this is essentially the layout that you are looking to achieve (a side menu with a fixed width for your logo and site navigation) and the gallery takes up the remainder of the available space (without the need for any scrollbars).
This should work on all platforms without any clipping.
You can examine the source of the demo page in your browser and copy/modify the code to suit your own needs.

Here is a single page example that you might like to try.
To see it in action, just create a sample gallery in JuiceboxBuilder-Pro and use the code below as your gallery's 'index.html' page.
You can add your own content to the 'menu' <div> and change the styling (colors, fonts, menu width, etc.) if you like.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            html, body {
                height: 100%;
                overflow: hidden;
            }
            body {
                background-color: #222222;
                margin: 0px;
            }
            #menu {
                background-color: #222222;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                float: left;
                height: 100%;
                text-align: center;
                width: 100px;
            }
            #wrap {
                float: right;
                height: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb;
            function doLayout() {
                var windowHeight = parseInt(window.innerHeight ? window.innerHeight : $(window).height(), 10);
                var windowWidth = parseInt(window.innerWidth ? window.innerWidth : $(window).width(), 10);
                var menuWidth = parseInt($('#menu').outerWidth(true), 10);
                var galleryWidth = windowWidth - menuWidth;
                $('#wrap').height(windowHeight);
                $('#wrap').width(galleryWidth);
                if (jb) {
                    var galleryWidth = parseInt($('#wrap').innerWidth(), 10);
                    jb.setGallerySize(galleryWidth, windowHeight);
                }
            }
            $(document).ready(function() {
                $(window).resize(doLayout);
                jb = new juicebox({
                    containerId: "juicebox-container"
                });
                doLayout();
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="menu">
            <span>Menu</span>
        </div>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

I hope this helps or at least points you in the right direction.

Go to forum: Juicebox-Pro Support

1,712 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, as your gallery is on a local intranet, I am unable to see the problem myself.
What exactly do you see or not see when you say the gallery does not display? Is there just a blank space where the gallery should be or is an error message displayed (and, if so, what does it say)?

Gallery on a local hosted intranet site displays in every browser, including MS Edge, but not IE (version 11 is what our base install uses).

Juicebox galleries should display fine in IE11 (and all other modern browsers).
It sounds like your IE11 browsers may have some restrictive settings (rather than just default settings) which is preventing the Juicebox gallery from being displayed.

Try viewing some of our demo galleries in your IE11 browsers.
If you can see our demo galleries, then the problem is somehow with your own gallery.
If you cannot see our own demo galleries, then the problem lies with your IE11 browsers.

Here are a few things to check and try.

  • Make sure that your web page uses a valid Doctype Declaration.

  • Check your web page for errors (and fix any errors reported) using the W3C Markup Validation Service. Some browsers may be more tolerant towards errors than others and this may account for a gallery displaying OK in some browsers but not others. Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

  • Ensure that your IE11 browsers are not using Compatibility View to view your intranet pages.

  • Make sure that JavaScript is enabled in your IE11 browsers.

  • Use your IE11 browser's developer tools (F12) to try to determine the reason for your gallery not displaying.

  • If you have any browser extensions installed, try temporarily disabling them to see if this helps.

  • Also, if possible, try resetting your IE11 settings to see if this makes a difference.

I saw the iFrame option and the Atahualpa option

Atahualpa is a WordPress theme which is not related to Juicebox at all. Another user may have been using Atahualpha in a WordPress site and it may have been interfering with WP-Juicebox (the Juicebox plugin for WordPress) but this is not relevant to your problem.
Also, using an iframe is unlikely to make a difference. Using an iframe basically loads a web page (a Juicebox gallery's web page) into a frame. The gallery is still embedded into a web page, though (the page being loaded into the iframe) so the same problem will likely occur. Also, using an iframe limits the functionality of a Juicebox gallery somewhat (by disabling the Expand Button, for example). For reference, instructions for using an iframe can be found here (scroll down to "2) Using an iframe").

Essentially, if you can view your gallery in Chrome, Edge, Firefox and Opera but not IE11, then the problem likely lies with your IE11 settings and hopefully my suggestions above will help.

Go to forum: Juicebox-Pro Support

1,713 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

You're welcome.

Go to forum: Juicebox-Pro Support

1,714 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

1,715 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

You're welcome.
I'm glad you've got it working. Thank you for posting back to let me know.

Go to forum: Juicebox-Pro Support

1,716 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

@robd

The 'Select Gallery Folder...' dialog displays only folders (not files) so you'll not see the 'config.xml' file there.
When opening a gallery, you should navigate towards and select the gallery folder (the folder containing the 'config.xml' file), not the 'config.xml' itself. This should allow you to open your gallery in JuiceboxBuilder-Pro to edit it.

Go to forum: Juicebox-Pro Support

1,717 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

It sounds like your Juicebox gallery is being loaded as soon as your web page is loaded but before your modal window is visible.
If this is the case, then Juicebox's parent container (your modal window) will have no dimensions when the gallery is loaded and Juicebox won't know what its actual size should be.

You could either:
(1) Use fixed pixel values (instead of percentages) for your galleryWidth and galleryHeight
... or:
(2) Put your gallery's embedding code in a JavaScript function and call the function (to load the gallery) only when the modal window is ready.
For example, something like the following should hopefully work for you.

<script src="jbcore/juicebox.js"></script>

<script type="text/javascript">
    function loadGallery() {
        new juicebox({
            containerId: "juicebox-container",
            galleryWidth: "100%",
            galleryHeight: "100%",
            backgroundColor: "#222222"
        });
    }
</script>

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

<script type="text/javascript">
    // Load gallery by calling JavaScript loadGallery() function when necessary
    loadGallery();
</script>

I don't know how your modal window is being opened but I hope that this points you in the right direction.

Go to forum: Juicebox-Lite Support

1,718 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

This is now resolved.

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

Here are a few notes which might help to clarify a couple of things.

Okay, the problem seems to be that if I set a fixed gallery width/height, the scale options no longer work (hence the forced scroll bar). If working with a percentage then they do.

If you set a gallery's height to be a fixed pixel value, then the gallery height will always be the specified value and a vertical scrollbar will appear if necessary.
If you set a gallery's height to be a percentage value, then the gallery's actual height will be the specified percentage of the gallery's parent container. If there is no other content on the web page, then the gallery's parent container will be the 'body' tag and setting a gallery's height to be 100% will mean that the gallery's height will always fill (be 100% of) the browser window height.

I am an artist hence reluctance to use large images.

Using larger images or changing imageScaleMode to either 'SCALE' or 'FILL' are the only ways to have your gallery images fill a larger area and minimize the space surrounding them.

Ideally I want it to show image at 1024x768 if browser allows, if not scale down but at larger sizes keep image it at 1024x768 with thumbs directly underneath.

If the browser window is much larger than 1024 x 768 and you want your images to be displayed at no more than 1024 x 768, then there will be empty space somewhere. Setting imageVAlign to 'CENTER' (the default value) to split the empty space equally above and below the image is usually a good visual solution. Unless you set your gallery's width and height to be fixed pixel values (i.e. if you use percentages), you essentially have no control over the aspect ratio or size of your gallery and trying to have a gallery look good in a myriad of different viewport shapes and sizes is never going to be easy. If you know that your target audience is likely to be viewing your gallery on large desktop monitors (or, conversely, on mobile devices), then you can tweak your gallery to perhaps look better in one viewport shape than another but, often, compromises may have to be made so that galleries look 'good' everywhere rather than 'great' in certain aspect ratios but 'poor' in others.

So, I have decided to go with a larger size image 1920x1200 - I will just watermark them (and lower quality a bit).

That sounds like a good solution to me!

Go to forum: Juicebox-Pro Support

1,719 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

1,720 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

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

Two other things I'd recommend:

(1) Set imageVAlign to CENTER (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and the white gap will be equally split between the top and bottom of the image (instead of all at the bottom) and it should be less obvious.

(2) Use larger images in your gallery so that they need to be dynamically scaled down (by Juicebox when the gallery is displayed) and are displayed as large as possible within the gallery's image area (minimizing the white gap). With the default value of SCALE_DOWN for imageScaleMode (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), small images are not scaled up and space might be seen above or below the images. (You could always change imageScaleMode to SCALE to scale up small images if you like but using larger gallery images would be a better solution.)
1024 x 768 is usually a good 'average' image resolution for most galleries but if you know your target audience is likely to be viewing your gallery on large monitors, then larger images might be more suitable for you. (Larger images will still look fine on smaller monitors as Juicebox will scale them appropriately. The only drawback is that larger images will consume more bandwidth when they are downloaded by the user's browser.)
It looks like you're already using a Multi-Size Image gallery. You might just need to bump up the resolution for the 'medium' size images a bit.

Go to forum: Juicebox-Pro Support

1,721 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

As far as I am aware, there in no difference in the handling of accented characters between v1.4.3.1 and v1.5.0 so the problem is likely to be caused by something else.

It looks like the first 4 images in your 'PreselectEIv15' gallery (the ones with accented characters) do not exist in their correct locations (or at all) on your web server.
If I try to view the 1st image in your gallery directly in a browser (bypassing Juicebox entirely), I get an error 404 (file not found).

Maybe something happened during the initial upload process that has resulted in the first 4 images not being uploaded to your web server.
Try re-uploading your v1.5.0 gallery's image files and you should hopefully see your images in your v1.5.0 gallery as you do in your v1.4.3.1 gallery.

Also, as an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

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.

JuiceboxBuilder-Pro can handle all images whose filenames use any or all of these unreserved characters.

Stick to web-safe characters for filenames (rather than accented characters or other non-web-safe characters such as spaces) and continue to use accented characters in your image titles and captions and you should be fine.

Go to forum: Juicebox-Pro Support

1,722 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Suddenlyall my galeries that I published for3 years do not appear when I am connected.

If you have not changed anything with regard to your gallery, then the gallery's code and files should remain constant and should still display fine as it did in the past.
What you say above certainly sounds like a server issue.
I would recommend that you contact your web host and ask them if they have been experiencing any issues lately that might be contributing to your problem.

Thumbs are black and the pictures do not appear.

Looking at your gallery's 'config.xml' file, the 10th image in your gallery (for example) should be located here: http://www.helenebarnaud.com/BLOG/GAL_N … _NORTH.jpg
However, going directly to that location directly in a browser (bypassing Juicebox entirely) results in an error 404 (file not found).
It looks like your gallery's images may no longer be located in their correct locations (or at all) on your web server.
If your web host has been experiencing problems, then maybe they have had to reinstate your web site using an incomplete backup.
Please check that your image and thumbnail files are in their correct locations on your web server and that their permissions (and the permissions of the 'images' and 'thumbs' folder themselves) are not too restrictive.
Default permissions of 755 for folders and 644 for files should be fine.
You can check and change permissions with an FTP program such as Filezilla or via your web hosting account's online file manager.

This happens only with my computer, not with another computer.

When I get an error 404 (trying to view image #10, for example), this indicates that there is a problem with the images on your web server. If you find a computer that displays your gallery fine, then it may be because the browser on that computer has viewed your gallery before and has cached your gallery files.

If you are sure that your gallery was complete and working OK but now is not, then some images certainly seem to be missing from your web server at the moment and your web host might be able to help you further (or at least explain why some images are missing).

If you have a local copy of your gallery on your computer, then perhaps the best course of action would just be to upload all the images to your web server again.

Go to forum: Juicebox-Lite Support

1,723 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Many thanks for providing the link to your gallery.

The problem is that you've set expandInNewPage="TRUE" (in conjunction with useFullscreenExpand="TRUE").
The gallery can be expanded either on top of its own embedding page (with useFullscreenExpand="TRUE" or useFullscreenExpand="TRUE") or on a new page of its own (by setting expandInNewPage="TRUE").
The gallery can be displayed using the Fullscreen API only when it is expanded on its own embedding page. (The Fullscreen API cannot be invoked when the gallery is expanded on a new page.)

Therefore, when expandInNewPage="TRUE", useFullscreenExpand is redundant and it not used.
Just set expandInNewPage="AUTO" (or remove the entry completely as the default value for this option is AUTO) and this should resolve your problem.

Incidentally, when expandInNewPage="TRUE" (and useFullscreenExpand is not used), the Expand Button will be displayed on the Button Bar only if the gallery is embedded at less that 100% x 100%.

Please let me know how you get on. Thank you.

[Posts split from Feature Request forum to new thread.]

Go to forum: Juicebox-Pro Support

1,724 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

... is it possible to mix portrait and landscape format images in the same gallery?

Yes. You can certainly display both portrait and landscape images in a single Juicebox gallery. (Just add all the images you want to display to your gallery. There is no need to treat portrait-style images any different from landscape-style ones.)

A gallery's dimensions do not change depending on the aspect ratio of the image being displayed.
The gallery's dimensions are determined by the galleryWidth and galleryHeight options (set in the gallery's embedding code).
They can be fixed pixel values or percentages (of the gallery's parent container).
As long as the user does not change the shape of the browser window, then the gallery's size will remain constant.

Images within the gallery will then be scaled according to the imageScaleMode option.
A short description of imageScaleMode (listing all its possible values: SCALE_DOWN, SCALE, FILL, STRETCH and NONE) can be found in the Main Image section of the 'Config Options' page.
The default value for imageScaleMode (used in Juicebox-Lite and when the option is not explicitly set in Juicebox-Pro) is SCALE_DOWN where large images (whether portrait or landscape-style) will be scaled down to fit within the gallery's image area as large as possible, respecting their aspect ratios and without cropping. (Small images are not scaled up as this would reduce their visual quality. You can have small images scaled up if you like by changing the imageScaleMode value to SCALE.)

imageScaleMode is a Pro configuration option (supported only by Juicebox-Pro, not Juicebox-Lite) and can be found in JuiceboxBuilder-Pro's 'Customize -> Main Image' section.

Take a look at this full-page demo gallery which features both portrait and landscape-style images.
You'll notice that the gallery size does not change (unless you change the size of your browser window) but the images (no matter what their aspect ratios are) are always displayed in their entirety.
(This example happens to be a full-page gallery but gallery images would be scaled similarly no matter what gallery size you have.)

I hope these notes help.

I'm using Pro 1.4.3.

I'd recommend that you upgrade to v1.5.0 as many bugs have been fixed (and new features added) since v1.4.3.
Please see the Version History page for a list of changes between versions.

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

Go to forum: Juicebox-Pro Support

1,725 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, it is not possible to include image data in a gallery's embedding code.
Currently, every Juicebox gallery must have a separate JSON or XML configuration file, even if you use Flickr as a source of images (so imageURLs and thumbURLs are not required) and set all your configuration options in the embedding code.

I realise that this is not the answer that you were hoping for but it should at least clarify things for you.
Thank you for posting this as a suggestion in the Feature Requests forum thread (along with your other suggestion).

Go to forum: Juicebox-Pro Support