It would be really useful if it were possible to grab the Screen Mode before options were loaded into the gallery.

Any chance of it happening?

I would encourage you to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked.
I do not know what suggestions will be implemented in future releases but this is certainly the best place for all ideas.
Thank you.

Thank you for checking but it certainly seems very strange.
The Juicebox Web Engine just brings up the Watermark options in the Output Settings control panel with a single line of code (exactly the same as the default Web Engines included with Lightroom). The watermarking is handled internally by Lightroom itself rather than the Web Engine.

In any case, I would be happy to try to replicate the problem with one of your images to see what happens.
Please check your email. I have sent you a message with details of where to send me one of your images. Thank you.

If all else fails, then perhaps you could watermark your images before feeding them to the Juicebox Web Engine and turn off watermarking within the Web Engine's interface.

Thank you for providing the test galleries and for confirming that the problem happens only on iOS 8 (and not iOS 7).
I have been able to replicate the problem in a test gallery of my own (which I have provided for the developers) so there is no need to keep your test galleries active if you don't want to (but I very much appreciate you going to the trouble of creating them and doing more testing).

Am I likely to encounter problems if I leave the viewport metatag enabled?

No. This should not cause any issues at all.

Please let me know if the problem happens only with the Juicebox-Pro plugin or with other Web Engine Layout Styles, too.

I cannot replicate the problem with text or image watermarks in Lightroom v5.7.1 or v6 so the problem seems to be unique to your own setup.

Please upload one (or more) of your source images (somewhere like Dropbox would do) so that I can try to replicate the problem with the images that you use. The more variables we can eliminate between our two systems, the more likely I am to be able to determine the cause of the problem.

Thank you.

2,555

(5 replies, posted in Juicebox-Pro Support)

You can ensure that your web site serves a compressed version of the 'juicebox.js' file (and other files, too, if you like) by employing one of the techniques described on this web page. This will compress the files on-the-fly as required before serving them to the browser.
GZIP compression will not cause any problems and a Juicebox gallery will still work fine with the following sample .hatccess code in place as long as the browser being used to view the gallery can handle GZIP compression (most modern browsers).

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

2,556

(6 replies, posted in Juicebox-Pro Support)

I'm glad you've found a suitable solution until the bug is fixed but, just for clarity, the two possible workarounds at the moment are:

(1) Set autoPlayOnLoad="TRUE" for all your galleries, set imageTransitionType to CROSS_FADE, SLIDE or NONE (any value but FADE) and do not use the delay solution (with toggleAutoPlay()).

... or:

(2) Set autoPlayOnLoad="FALSE" for all your galleries, set imageTransitionType="FADE" (or any other value but it is only FADE which causes the problem) and do use the delay solution (with toggleAutoPlay()).

Please let me know what versions of Lightroom and the Juicebox-Pro plugin you are using.
If you are not already using the Juicebox-Pro v1.4.4.1 plugin then you might like to try upgrading it.
You can find the latest version inside the Juicebox-Pro download zip package.
Full instructions for downloading the latest version of Juicebox-Pro can be found here.

I have just tried watermarking images (with text and an image) in the 'Output Settings' control panel of the Juicebox-Pro v1.4.4.1 plugin in Lightroom v5.7.1 and Lightroom v6 and the gallery and images export fine with no problems.

Does the problem happen only with the Juicebox-Pro plugin or with other Web Engine Layout Styles too?

Maybe the problem lies with your source images. Perhaps you could upload one somewhere (a file sharing site such as Dropbox) so that I can try to replicate the problem with one of your own images. Thank you.

2,558

(3 replies, posted in Juicebox-Pro Support)

Issue continued in this forum thread.

2,559

(3 replies, posted in Juicebox-Pro Support)

I am trying that as well on another site and the embedded gallery is showing in safari but not firefox 40.0.3

Please post the URLs to any of your galleries that fail to display in Firefox 40.0.3 and I'll take a look at them and let you know what I find.

It should not be necessary to use absolute paths in your embedding code.
The leading slash notation (to denote your root directory) should work just fine but you could also try using standard relative paths (relative to the web page containing the gallery's embedding code).

Make sure that you clear your browser's cache after making any changes and before reloading your gallery's web page.

2,560

(1 replies, posted in Juicebox-Pro Support)

I'm not sure what you mean. Your gallery uses showSplashPage="NEVER" and buttonBarPosition="NONE" so the gallery is never expanded (from either the Splash Page or the Expand Button) and therefore never exited from.

There are, however, a couple of things I noticed which might help with any problems you are having.

(1) You have duplicate <script> tags at the top of your gallery's embedding code.
Change:

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

... to:

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

(2) Your gallery uses Juicebox-Pro v1.4.4. The current version is now v1.4.4.1 (a small update to address a couple of bugs).
You might like to try upgrading your gallery to the latest version.
Full instructions for downloading the latest version and for upgrading existing galleries can be found here.

If these notes don't help, then please explain further what your problem is and hopefully I'll be able to help further.
Thank you.

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

You should be able to just load the 'juicebox.js' file with a <script> tag at the top of your gallery's embedding code but if you were to have multiple galleries displayed on a single dynamically-generated page, then you might end up with multiple instances of the 'juicebox.js' file being loaded. (It should be loaded only once per page rather than once per gallery.)

In a WordPress environment, it is certainly a good idea to enqueue the file to load in your web page's <head> section.
This ensures that the 'juicebox.js' is always loaded and is loaded only once per page.

Also, the 'juicebox.js' file must be loaded from within the 'jbcore' folder. If the code is minimized by a third-party plugin and loaded from a different location, then this will break the gallery.

2,562

(6 replies, posted in Juicebox-Pro Support)

Unfortunately, there is currently a known bug whereby embedding multiple galleries on the same page, all of which use autoPlayOnLoad="TRUE", can result in images not displaying.
A bug report has already been logged with the developers and this issue should hopefully be resolved for the next version.

My original solution (as posted above) was to stagger the loading of the galleries using increasing values for window.setTimeout() delays. This should work fine.

However, it has since been discovered that the problem happens only when the imageTransitionType is set to FADE so a suitable workaround should be to set imageTransitionType to CROSS_FADE, SLIDE or NONE instead. (You may need to clear your browser's cache after making this change before reloading your web site.)

Used this on the site but the component does not auto start.  It does process normally after you manually start the gallery.

If using my suggestion above, you need to remove autoPlayOnLoad="TRUE" from your configuration options.
Currently, your galleries start AutoPlay immediately and the toggleAutoPlay() API method in the HTML file stops it.
Without autoPlayOnLoad="TRUE", the toggleAutoPlay() API method will start the AutoPlay for each gallery after a short delay.

2,563

(3 replies, posted in Juicebox-Pro Support)

This sounds like it might be a problem with Lightroom rather than with the Juicebox plugin.
The resizing and exporting of images is handled by Lightroom itself.

Does this happen when you try to create a gallery with the same images using a different Web Engine (something other than Juicebox) but exporting at the same image size?

What version of Lightroom are you using and how much RAM does your computer have?
Try creating a test gallery with fewer images to see if this makes a difference.

Also, check that you are not exporting your gallery to a restricted (read-only) folder or to a network drive.
Try exporting to a folder on your desktop to see if this helps.

2,564

(10 replies, posted in Juicebox-Pro Support)

Thank you for posting the URL to your gallery's web page.
I see the space above your gallery that you are referring to.

There are three things that you can do to reduce the space.

(1) Set buttonBarPosition to OVERLAY or OVERLAY_IMAGE. At the moment, it is set to TOP. This reserves a 'top' area above the image area (and places the Button Bar in it) whose height is determined by topAreaHeight (default value 50px). If no gallery elements are positioned TOP, then the 'top' area will not be used.
buttonBarPosition can be found in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section.
topAreaHeight can be found in JuiceboxBuilder-Pro's 'Customize -> General' section.

(2) There are <p> and <br /> tags scattered throughout your gallery's embedding code which are introducing empty space and line breaks above your gallery.
It looks like these are being inserted by WordPress's wpautop function.
You could either install a third-party plugin to disable the wpautop functionality, for example:
https://wordpress.org/plugins/toggle-wpautop/
https://wordpress.org/plugins/wpautop-control/
... or you could implement the manual solution from this forum thread:
http://stackoverflow.com/questions/6625 … ress-posts
Please note that you may need to re-enter your gallery's embedding code into your post (or manually remove the tags from the editor) after disabling wpautop (which should prevent the tags from being inserted in subsequent posts).

(3) This FAQ may also help:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

I understand that the web site noted in your original post is not your own and that the owner of that site's requirements (such as the use of a folder named 'webbtest') may be confusing matters.
I realise that you were quoting from another thread but I thought it might have been one of your own (with details that referred to your own web site).
Sorry for any confusion my earlier replies might have caused.

If you are having trouble with some images displaying in a gallery, then the most likely causes are either:
(1) Images are not uploaded to the web server (or perhaps in the wrong location).
(2) Image file names do not exactly match the imageURL entries in the gallery's XML file, as noted in this FAQ.
(3) Permissions on the image files (or the 'images' folder) are too restrictive and the browser is unable to read them. Default permissions of 755 for folders and 644 for files should be fine.

If you could please post or email me the URL to your gallery's web page so that I can see the problem for myself, I should hopefully be able to help further. Also, as I noted in my email to you, I would be happy to log into your web hosting account and take a look at things for you if you like. If you'd like me to do this, just email me your login details and let me know where your gallery files are on your server. Thank you.

2,566

(18 replies, posted in Juicebox-Pro Support)

The procedure outlined in this forum thread should hopefully work although it sounds like you have already tried it.
If you have not already tried uninstalling both JuiceboxBuilder-Lite and JuiceboxBuilder-Pro and searching your hard drive for (and deleting) any and all instances of 'JuiceboxBuilder' before reinstalling, then this is certainly worth trying.

Also, check to see if you have any security software which might somehow be interfering with your JuiceboxBuilder-Pro installation. It's a long shot but it might be worth checking.

There does not seem to be any Juicebox gallery embedding code on the web page you provided.
In fact, it seems to display an error 404 (file not found).
Please check the link and post back so that I can take a look at your problem.

As you are using WordPress, you might like to take a look at the dedicated Juicebox plugin for WordPress - WP-Juicebox.
This plugin allows you to embed Juicebox galleries directly into your WordPress pages and posts without the need for any manual coding at all.

2,568

(10 replies, posted in Juicebox-Pro Support)

The position of the gallery on your web page is entirely dependent on the code that you use on your page.
If the gallery is the only element on the page, it will be displayed relative to the top-left corner (just like any other <div> container would be).
Please post the URL to your web page so that I can take a look. Thank you.

Maybe there is another <div> that is causing your gallery to be pushed down the page.
If so, then you could try using a CSS float or display: inline-block;.
Try one of the following. (Without seeing your web page I do not know if this will help.)

<div id="juicebox-container" style="float: left;"></div>
<div id="juicebox-container" style="float: right;"></div>
<div id="juicebox-container" style="display: inline-block;"></div>

Also, is there a setting for the thumbnails to show up first, on a mobile, like you have on the iphone simulation demo?

You can set screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section) to force the gallery to be displayed in Small Screen Mode in all browsers and on all devices.
However, it sounds like you might want to try embedding the gallery in your page and, rather than just using a text link as I suggested above, set showSplashPage="ALWAYS". This will display the Splash Page which is like a large image link for your gallery. When the Splash Page is clicked, the gallery will open fullscreen. When the user clicks the 'Close Gallery' button on the Button Bar, the user will return to the original page with the Splash Page.
More information about Screen Modes and the Splash Page can be found here.

2,569

(10 replies, posted in Juicebox-Pro Support)

I set the color background to 0 for a transparent background, but while it shows as transparent  locally, it has a white background on all online platforms.

Make sure that the opacity for the backgroundColor is 0 and your gallery's background should be transparent, for example:

backgroundColor: 'rgba(0,0,0,0)',

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
Thank you.

I would also like to have the gallery as a page on my website, which can be navigated to and from, but I can't see how this can be done.

Just upload your complete gallery folder to your web server and link to the 'index.html' file within the gallery folder.
For example, if your gallery folder is named 'my_gallery' and you upload your complete gallery folder to your root directory, then you could use a link such as the following to open the gallery's web page:

<a href="/my_gallery/index.html">Click here to open gallery.</a>

You can use the Back Button within your gallery to allow users to return to a page within your web site (such as your home page).
Just set backButtonPosition to something other than NONE (either TOP or OVERLAY) and set the backButtonUrl to the URL of whatever web page you want the Back Button to link to.
Full details of all Back Button configuration options can be found here.

Thank you for reporting this problem.
I have been able to replicate the problem in Mobile Safari in iOS 8.4.1 using only autoPlayOnLoad="TRUE".
It does not seem to affect Mobile Safari in iOS 6.1.6 or Chrome in either iOS 6.1.6 or 8.4.1.
I have logged a bug report with the developers.

But using the viewport metatag stops small screen mode from activating when autoPlayOnLoad='False'.

This shouldn't be the case and I cannot replicate this myself. Please post the URL to your gallery so that I can take a look at it for myself and please let me know what browser and version of iOS you see the problem in. Thank you.

... in my root directory since I dont know what or where that is...

When you log into your web space via FTP, your root directory is usually named 'public_html' or 'htdocs' (it may be different depending on your web host).
If you upload a file to this directory, it will appear in the root of your web site. For example, if you upload a file named 'test.html' to your root directory and your domain name is 'www.example.com', then you will be able to view the file in a browser by going to 'www.example.com/test.html'.

I don't know where to locate my "web servers file structure". I put that query into livebooks search and nothing returned.

The term 'file structure' refers to the files and folders that exist on your web server and their locations (relative to each other), ie. what files and folders are on your web site and where they are.

I don't know how to "create a folder named "webtest in my root directory

If you want your gallery to be in a folder named 'webtest' (for example), then you will need to create a folder named 'webtest' in your root directory and upload your gallery files to this directory.
I do not know what FTP program you are using but if you are using Filezilla, then, once you have logged into your web space and have navigated inside your root directory (usually either 'public_html' or 'htdocs'), just right-click some empty space within the directory, select 'Create directory' and type the name 'webtest'. You can then upload files to this new directory.
If you are having trouble creating new folders in your web space, then your web host should be able to help you out.
Also, if you are not using Filezilla, then please refer to your FTP program's support for details on how to create new folders.

I uploaded 12 images.  Six images show up and then the spinning hex.

Please post the URL to the gallery that you are referring to so that I can take a look and hopefully help further.
If the problem is with permissions of the image files or folders, then you should be able to change them using your FTP program (or your web host's online control panel).
Once I see the problem live on your web server, I should have a better idea of what might be causing your problem and how to fix it.
Thank you.

2,572

(4 replies, posted in Juicebox-Pro Support)

You're welcome!

It looks like you have uploaded a Juicebox-Pro gallery to your root directory.
I can view the gallery by going to http://www.creation.se/

It looks like there may not be a folder named 'webbtest' in your root directory but without access to your web server, I cannot check. If you want your gallery to be visible by going to http://www.creation.se/webbtest/ then you will need to create a folder named 'webbtest' in your root directory and copy your gallery files into this folder.

If possible, please upload a screenshot of your web server's file structure (perhaps to a file sharing site such as Dropbox) so that I can see what files and folders exist on your web server and let me know where you want your gallery to be (and also let me know if you are trying to embed your gallery into an existing web page or just display it on a page of its own).
Thank you.

2,574

(3 replies, posted in Juicebox-Pro Support)

Opening the gallery showed the much to small images on my Desktop out of the images folder instead of images\large-Folder.

When using a Multi-Size Image gallery, Juicebox-Pro will use the logic noted on the support page here to determine which image size to display. Please note that the 'large' images are used only in Large Screen Mode when opening images in a new window, when the gallery is expanded or on a retina display.

If i have a wish free, i would say that no clipping has highest priority.

Thank you for your suggestion. I would encourage you to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

Edit:
Many thanks for posting your suggestion in the Feature Requests forum thread.

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