2,526 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,527 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,528 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Issue continued in this forum thread.

Go to forum: Juicebox-Pro Support

2,529 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,530 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,531 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,532 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,533 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,534 Reply by Steven @ Juicebox

(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?

Go to forum: Juicebox-Pro Support

2,535 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,536 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,537 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,538 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,539 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,540 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,541 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,542 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

2,543 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,544 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

2,545 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,546 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

I was not informed by a newsletter although I opted in for that...

We do not always send out a newsletter for each new release but we do announce new versions with a Tweet.
Follow us on Twitter and you'll be notified of new releases: https://twitter.com/juiceboxgallery
Otherwise, keep an eye on the Version History page which is updated when a new version is released.

I build my galleries using the Lightroom-PlugIn. I then upload and import them in my site using ShowKase.

If you have imported your galleries into Showkase, then you can upgrade all your Juicebox-Pro galleries at once by following the instructions here.

Somewhere I read I could replace the jbcore-folder in the gallery-folder. So, if I have 50 galleries, I should do that 50 times? Or is there an easier way to do the trick?

If you do not use Showkase and have multiple galleries on your web site, you can have all your galleries share a single 'jbcore' folder. You can then upgrade all your galleries at once by replacing this single instance of the 'jbcore' folder on your web server.
Please see here for details.

how do I upgrade ShowKase to the latest JuiceBoxPro?

Just follow the instructions here. After you have republished your site in Step #5, all Juicebox-Pro galleries within your Showkase site will be the version of Juicebox-Pro you upgraded to.

On the ShowKaseSite it says that ShowKase is upgraded to  JuiceBox1.4.3.2, which suggests it won't work with 1.4.4.1...

The current version of Showkase (v1.3.6) will work fine if you upgrade it to Juicebox-Pro v1.4.4.1.

Would it be possible to import galleries build with the 1.4.4.1-Lightroom-plugin?

You can certainly import Juicebox-Pro galleries created by the Lightroom plugin.
Please note that no matter what version of Juicebox-Pro the galleries are that you import, after importing, they will become the version that Showkase uses (so just upgrade Showkase to use Juicebox-Pro v1.4.4.1 and all the Juicebox-Pro galleries within your Showkase site will use this version).

Go to forum: Juicebox-Pro Support

2,547 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The initial Gallery width is 1024px

I'm not sure what you mean by 'initial Gallery width'. If you set the gallery width to 1024px, then the gallery's width will always be 1024px. If you want the gallery's width to be responsive and fill the width of its parent container (even if its size changes, for example when the browser window is resized), then set the width to be 100% instead.

Does the text "Lite" in the right panel of Lightroom have any meaning, even if Juicebox Pro is chosen and is it reponsible for that.

The configuration options in the 'Lite' control panel correspond to the configuration options that are available to both Juicebox-Lite (the free version) and Juicebox-Pro. The 'Lite' options are listed here.

I installed the free Version and then the Pro.

That's fine. The Lite and Pro versions of the plugin can be installed and run side by side in the same version of Lightroom.

Also I see no possibility to generate multiple Sizes of the pictures

Unfortunately, the Lightroom plugin does not export multiple image sizes at once. The ability to generate a multi-size image gallery is a feature of JuiceboxBuilder-Pro only (although you could create a multi-size image gallery manually).

Is there now a possibility for not clipping the Thumbs?

All thumbnails in a gallery are the same size and if the aspect ratio of the source images does not match the thumbWidth x thumbHeight aspect ratio, cropping will occur. This cannot be changed.

Go to forum: Juicebox-Pro Support

2,548 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Please post the URL to your main web page so that I can take a look at the problem (and the code that you are using) for myself.
If would be much easier to troubleshoot if I can see the problem live on your web server. (I'm really not sure what might be causing your problem but once I see your web page, I should hopefully have a better idea of what's going on.)
Thank you.

Go to forum: Juicebox-Pro Support

2,549 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

Many thanks, yet again!

You're welcome!

Go to forum: Juicebox-Pro Support

2,550 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It looks like the problem may be that you are hard-coding your  main domain in the paths in the embedding code but that you are visiting your web site via your 'www' subdomain.

Please see this FAQ which holds the key to solving your problem:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

Try using the following <script> section in your embedding code and your gallery should work on both your main domain and your 'www' subdomain.

<script src="/Product_Gallery/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: "/Product_Gallery/",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(255,255,255,1)"
    });
</script>

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

Go to forum: Juicebox-Pro Support