Juicebox v1.5.1 Released!

2016-02-28 08:51:51

Intermittent or seeming random problems are usually the most difficult to troubleshoot.
Unfortunately, I cannot replicate this problem myself which makes it all the more difficult to investigate.
If there seems to be no pattern in what configuration options trigger the problem, then perhaps there is a pattern elsewhere (for example with the number of images in the gallery) that might give us a clue as to the nature of the problem.

Try creating a Juicebox gallery with just a single image (or a couple of images) to see if this helps.

The problem could be due to a timing issue with the way that Lightroom builds the XML file for use in the live preview (although this is just speculation). Maybe under certain conditions, it takes too long to build the file, resulting in the 'Config XML file not found.' message.
If this is the case, then it might be very difficult to solve (as the live preview is essentially handled by Lightroom itself rather than any specific code in the plugin).

However, if you try using only one or two images, then there will be fewer <image> entries for Lightroom to process in the temporary XML file and it might make a difference.

Also, check that your version of Lightroom is up to date. The latest version is CC 2015.4 or 6.4.
An update could potentially help (especially is there is a bug in an older version which is somehow contributing to your problem).

Although the live preview can be very helpful, you should still be able to successfully create a gallery even if the live preview does not work.
I realise that this does not solve your problem but please try creating a gallery (by clicking the 'Export...' button) after the live preview window fails to see if the resulting gallery is OK.
Lightroom serves the live preview from a temporary folder. There is no real gallery folder until after you have exported the gallery to your hard drive (via the 'Export...' button).

The following is more of a workaround than a solution (if it works at all) but it might be worth trying to prevent you from having to change the 'Web' module's 'Layout' and lose your settings.
Open the plugin's 'index.html' file ('juicebox_pro.lrwebengine/index.html') in a plain text editor and add the following code just before the closing <body> tag on line 89. The line number refers to the current version of the plugin (v1.4.4.2).
It should display a 'Refresh' button in the top-left of the live preview window only (not in the exported gallery) which you can click to try to reload the gallery.

<% if mode == "preview" then %>
    <div id="refresh" style="background-color: rgba(0,0,0,0.5); color: rgba(255,255,255,1); cursor: pointer; font-size: 12px; left 0px; padding: 4px; position: absolute; top: 0px; z-index: 9999;">
        <span>Refresh</span>
    </div>
    <script>
        $('#refresh').click(function() {
            window.location.reload();
        });
    </script>
<% end %>

I hope the notes above help.

2016-02-27 21:55:45

any overrides ?

Unfortunately not. If you are using a multi-size image gallery, then forcing Small Screen Mode will, indeed, load the smallest images. This behavior cannot be changed. The only solution would be to increase the resolution of your small images (although this would default the purpose of having a multi-size image gallery and you would probably just be as well having a single-size image gallery).

... the splash image is blurrry...

By default, the Splash Page uses the first image in the gallery. You can select a specific image to be used for the Splash Page instead via the splashImageUrl configuration option (in JuiceboxBuilder-Pro's 'Customize -> Splash Page').
This should at least solve your Splash Page problem (although please bear in mind that the same image would be used for the Splash Page in both Small and Large Screen Modes).

2016-02-27 05:12:40

... when i look in WP...

In addition to my notes above, if you are using WP-Juicebox (the dedicated Juicebox plugin for WordPress)to create and embed your gallery, then the default width for a WP-Juicebox gallery is 100% and the gallery should fill the parent container horizontally (so it should not need to be horizontally centered).
However, if you change the gallery's width and want to horizontally center it, you could open the 'wp-juicebox.php' file in a plain text editor and change line 287 from:

$string_builder .= '<div id="juicebox-container-' . $clean_gallery_id . '"></div>' . PHP_EOL;

... to:

$string_builder .= '<div id="juicebox-container-' . $clean_gallery_id . '" style="margin: 0 auto;"></div>' . PHP_EOL;

I noticed the <p> tag above the gallery.

Unwanted <p> and <br /> tags within a WordPress page's content might be due to WordPress's wpautop function.

You could try installing a third-party plugin to disable the wpautop functionality, for example Toggle wpautop or wpautop control.
Otherwise, you could implement the manual solution from this forum thread.

Alternatively, you could try installing the Raw HTML plugin and wrap the gallery's embedding code in [raw] ... [/raw] tags. This should prevent extra markup (such as <p> and <br /> tags) from being added to the HTML code by WordPress itself or any third-party theme or plugins.

2016-02-26 19:34:30

Try setting screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
In Small Screen Mode, the user will be presented with a grid of thumbnails from which a main image can be selected. The user can return to the thumbnail page via the Thumbnail Button (showSmallThumbsButton="TRUE").
Here is an example: http://www.juicebox.net/demos/pro/defau … Mode=SMALL

The number of thumbnails displayed will depend on the thumbnail dimensions (thumbWidth and thumbHeight) and the browser window size.
If all the thumbnails in the gallery cannot be displayed on a single page, then multiple thumbnail pages will be available and the user can flip between them via the thumbnail navigation buttons (showSmallThumbNav="TRUE").
You can choose whether or not to have the thumbnail paging text (e.g. "1 of 2") displayed via the showSmallPagingText configuration option.

showSmallThumbsButton, showSmallThumbNav and showSmallPagingText can all be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section.

More information about Screen Modes can be found here.

2016-02-26 19:24:24

So if I use 'show expanded' setting, it expands in the same tab/window

... preferrably in a popout window but separate tab is ok as long as I then can click and see the next product and so on.

When a gallery is expanded (via the Splash Page or the Expand Button on the Button Bar), the gallery will always expand in the same tab regardless of whether expandInNewPage="TRUE" (when the gallery will be displayed on a page of its own) or expandInNewPage="FALSE" (when the gallery will be expanded on top of the embedding page). This behavior cannot be changed. (A gallery cannot be expanded in a new tab or window.)

click on any image in gallery and the image opens where you can see the entire product

If you set screenMode="SMALL", the gallery will be displayed in Small Screen Mode on all devices and in all browsers.
In Small Screen Mode, the user will be presented with a grid of thumbnails from which a main image can be selected. The user can return to the thumbnail page via the Thumbnail Button (showSmallThumbsButton="TRUE").
Here is an example: http://www.juicebox.net/demos/pro/defau … Mode=SMALL

You could also choose to use the Splash Page and expand the gallery from a Splash Page (showSplashPage="ALWAYS").
Here is an example: http://www.juicebox.net/demos/pro/splash/

No matter what Screen Mode setting you use (AUTO, SMALL, LARGE), if the gallery is expanded, you can return to the unexpanded view via the Expand/Close Button (showExpandButton="TRUE").

You can also use the Back Button to redirect the user to whatever web page you like (from a normal or expanded gallery).
By default, the Back Button goes back one page in the browser's history but you can select a specific web page via the backButtonUrl. The backButtonUrl can be a relative path (relative to the page containing the gallery's embedding code) or an absolute path in the form http://www.example.com/index.html.
The Back Button in this demo gallery always goes directly to the demo gallery overview page: http://juicebox.net/demos/pro/full/

I hope these notes help and that you can configure a gallery to your liking using a combination of the available options: Screen Mode, Splash Page, Expand Button, Thumbnail Button, Back Button.

For reference, a list of all configuration options can be found here.

2016-02-25 21:27:16

... the error can appear instantaneously. That is, the moment a page may load, the Juicebox error will literally appear within a millisecond. The Juicebox icon splashes on the screen for a millisecond (can;t even see it), and then immediately, the Juicebox error appears.

It sounds like the dsidx.details.GetConfigUrl() JavaScript function which generates the URL to the PHP file (for the configUrl) may not be ready when the Juicebox embedding code is run. (The function may not be available or a variable required for the function may not yet be defined at that point in time.)
My suggestion to try hard-coding a known PHP file URL instead of using the JavaScript function for the configUrl might confirm whether or not this is the root of the problem but it may be difficult to do. The plugin you are using seems to be rather complex. You might have to search throughout the plugin's source to find where "dsidx.details.GetConfigUrl()" is being used for the configUrl and then replace it with a URL such as "http://mrtownhome.net/wp-content/plugins/dsidxpress/client-assist.php?action=GetPhotosXML&pid=147337406".
Even if this does not help, then we would at least be able to eliminate this as a possible cause.
Also, to help with debugging, you could perhaps use console.log(dsidx.details.GetConfigUrl()); at the point in your page where your Juicebox embedding code is run and then check the JavaScript console in your browser's developer tools to see what is actually being returned by the function.
This might help but it could also be just one step in a lengthy debugging process.

2016-02-25 06:24:38

A Juicebox gallery is essentially a <div> on a web page and perhaps the best way to center a <div> within a parent container is to apply the CSS margin: 0 auto; on the nested <div>.

Try replacing:

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

... with:

<div id="juicebox-container" style="margin: 0 auto;"></div>

Otherwise you could add the following CSS to the <head> section of your web page:

<style type="text/css">
    #juicebox-container {
        margin: 0 auto;
    }
</style>

The above examples assume that your gallery <div> has an 'id' of juicebox-container. If your gallery <div> 'id' differs, just change it as necessary.

Also i noticed that the gallery has shifted downwards a little bit.

This might be due to a line break <br> or an empty <p> tag above your gallery.
Check the source of your web page in your browser ('Tools -> Web Developer -> Page Source') and take a look at the elements immediately above your gallery <div>.

Hopefully this will help.

2016-02-25 06:24:36

I've recommended Juicebox over there.

That's awesome! Thanks for that! :)

2016-02-24 20:14:57

... it stills scrolling and i dont want that.

A WordPress page is not designed to fit everything into a browser window vertically without the need for scroll bars.
A WordPress page will typically just display the content of the page (in a vertical list style) and the browser will display scroll bars if necessary.
You could reduce the height of your gallery but this would not guarantee that the entire gallery would be seen without scroll bars in every possible size and shape of browser window.

What you are looking to do would certainly be possible but very difficult to achieve (if at all possible) within a WordPress environment. (You would need to know exact heights for all elements on your web page and use JavaScript and the Juicebox-Pro API to resize the gallery to fit within the remaining space.)
You would really need to have a completely different type of page layout that the type that WordPress provides.

Take a look at the Using a Resizable Gallery with a Header example, specifically the View Resizable Gallery with Top Menu Example.
This sample page uses a header and footer of fixed height and then uses JavaScript to dynamically resize the gallery to fill the remaining browser window area (without any scroll bars).
You could view the source of the sample page in your browser and copy/modify the code to suit your own needs (for example replacing the header content with your navigation menu and swapping the sample gallery for your own).

Ιs it possible to load the photos automaticaly on full screen to avoid this scrolling screen ? and if it possible to have full screen view automaticaly on computer and tablet will be great.

If you are looking to have the gallery expand as soon as the web page is loaded, then you could either:
(1) Give people the link to your gallery page and add #expanded to the URL, for example: http://juicebox.net/demos/pro/embedded/#expanded
.. or:
(2) Expand the gallery on load using the Juicebox-Pro API (calling the toggleExpand() method when the onInitComplete() event is fired).
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code below.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600",
                showExpandButton: "TRUE"
            });
            jb.onInitComplete = function() {
                jb.toggleExpand();
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

However, I would not recommend either of these two methods. Juicebox was not designed with this functionality in mind and you might run into problems. I would just set showExpandButton="TRUE" and allow users to expand and close the gallery as required (as Juicebox was designed to do).

I have viewed your page_id=608 gallery (with the Splash Page disabled) on an iOS mobile device and the first image in the gallery displays OK. If you want the gallery to display the grid of thumbnails instead, then set showSmallThumbsOnLoad="TRUE". Alternatively, if you would like your gallery to always be displayed in Large Screen Mode (on all devices and in all browsers), then set screenMode="LARGE".
More information about Screen Modes can be found here.

i have this problem (when i enable the splashpage)

The problem is likely to be due to some CSS on your page which your gallery is inheriting and which is affecting the positioning or display of the Splash Page image.
As I suggested above, try temporarily reverting to a default WordPress theme (such as Twenty Sixteen) to see if this help.
If it does, then at least you will know that the CSS which affects your Splash Page originates from your current theme.
You can then reinstate your theme and use your browser's developer tools (usually accessible via the F12 key) to determine the cause of the problem (to see what CSS rules are being applied to the Splash Page image).
I would happily investigate further but I would need to see the problem live on your web server.
I understand that you might not want to have a problematic web page live on your web site but perhaps you could create a fresh page which demonstrates the problem and then publish it and post its URL but keep it hidden within your site (with no links to it from any of your other pages).

2016-02-23 21:29:28

@dhruvhat

Thank you for sharing the link.

2016-02-23 21:26:30

You're welcome.

2016-02-23 21:24:33

I would recommend that you upgrade to the latest version of WP-Juicebox (v1.4.4.2) as many bugs have been fixed since v1.3.3.0
Please see the Juicebox Version History and the WP-Juicebox Version History for details.
Upgrading the plugin will automatically upgrade all your WP-Juicebox galleries at once without any further action.

If you still experience difficulties, I would rather troubleshoot a problem with the current version than with an older version known to have bugs which have since been fixed.
The current version of WP-Juicebox can be downloaded from the plugin's support page here.

i also tryed the latest version but i have a part of the photo and not all the photo on the fist thumb.

It sounds like your current theme might be using some custom CSS rules that the gallery is inheriting and which are affecting the display of your gallery. Try temporarily reverting to a default WordPress theme (such as Twenty Sixteen) to see if this makes a difference.

By default, the first image in the gallery is used for the Splash Page and it is cropped to fill the gallery area.
If you like, you can select a custom image to be used for your Splash Page (perhaps one more with an aspect ratio more suitable for your gallery's dimensions) via the splashImageUrl configuration option. This can be set in the Pro Options text area of the gallery settings window.

a)is it possible to load direct the photos instead this first thumb photo?

Yes. Set showSplashPage="NEVER" (Pro Options).
If you want the main images to be initially displayed on mobile devices (rather than the grid of thumbnails), then set showSmallThumbsOnLoad="FALSE" (Pro Options).

b)or if i dont use the splash Page how to avoid scrolling when it loads this first thumb photo?

If you don't use the Splash Page, then the gallery will be embedded in your page at the dimensions you set via galleryWidth and galleryHeight. You have no control over the size of the browser window being used to view your web page (and your gallery) so it would be very difficult to guarantee that no scroll bars are required (unless you have the gallery on a page of its own with dimensions of 100% x 100%, which is what happens when expanding the gallery from the Splash Page).

If you continue to experience difficulties, then please post the URL to your gallery's web page so that I can take a look and investigate further.
Please also let me know what mobile devices and browsers you see the problems in (and what operating systems the mobile devices are running). Try viewing your gallery's web page in different browsers (Mobile Chrome, Mobile Firefox and Mobile Safari) to see if the problems are unique to certain browsers.

2016-02-22 21:17:43

I thought that it would be good idea to try the embed method as I heard that there are advantages; that the images are presented better. Do I understand correctly?

A gallery embedded manually will look and function exactly the same as a gallery created with WP-Juicebox (assuming both galleries have exactly the same configuration settings).

Is there any advantage of the embed feature over the WP plugin?

Using WP-Juicebox will embed the gallery automatically (avoiding any problem which can occur when embedding manually such as file locations and pathing issues). Also, if you have multiple galleries on the same page, WP-Juicebox will load the 'juicebox.js' file only once per page (rather than once per gallery). This is recommended. (Loading the 'juicebox.js' file multiple times in a single page can cause problems, especially if the 'juicebox.js' files being loaded are different versions.)

If there are advantages in embedding, is there any step by step "recipe" for how to do this with flickr being the source of the images and with wordpress being the platform where the embed code is being used?

There are no advantages to embedding manually (but as long as the file locations and embedding code are correct, there are no disadvantages, either). However, if your WordPress site can display multiple posts containing Juicebox galleries on a single page, then there may be an issue with multiple 'juicebox.js' files being loaded. Using WP-Juicebox will avoid this potential problem.

Here are the steps required to achieve your manually embedded Flickr-sourced gallery.
(1) Create a Juicebox gallery (using Flickr as a source of images) using JuiceboxBuidler-Pro.
(2) Upload the complete gallery folder (not just the contents) to your web server.
(3) Paste the baseUrl embedding code into the body of your WordPress page (ensuring that the method of entry is 'Text' rather than 'Visual').

It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

In a WordPress site where you may have little or no control over the gallery's parent containers, I would recommend giving your gallery a fixed pixel value height (such as 600px) instead of the JuiceboxBuilder-Pro default value of 100%.
Please see this note regarding Using Percentage Heights. (Using a fixed height will avoid this potential problem.)

You mentioned that the 'juicebox.js' file should be located here: http://gateslosangeles.com/jbcore/juicebox.js But you then said "(but it is not there)" Should I simply copy that file from it's current location to the jbcore folder mentioned and delete the original file?

If you copied the entire contents of your gallery folder (but not the folder itself) to your root directory, then the 'juicebox.js' file would be in the correct location (according to your current embedding code). You could do this and you should see that your gallery displays OK.

I suspect that you may have already uploaded your gallery folder to your web server somewhere but I do not know where it might be. If you have already uploaded your gallery folder to your web server, then you can leave it exactly where it is and:
(a) Add a baseUrl line to your embedding code to point towards the gallery folder. The baseUrl an be relative (to the page containing the embedding code) or absolute.
(b) Adjust the path to the 'juicebox.js' file at the top of your embedding code (to point to the 'juicebox.js' file inside the 'jbcore' folder in your gallery folder. Again, this path can be relative (to the page containing the embedding code) or absolute.

In your (3), can you offer any instructions on how to do this, with a wordpress site?

Please see Steps #1 - #3 above.

I hope this helps to clarify things.

2016-02-22 06:05:51

I see a couple of things which might be causing your problem.

(1) You have WP-Juicebox installed (which loads the 'juicebox.js' file into your web page) and you also load the 'juicebox.js' file into your web page manually (at the top of your gallery's embedding code).
The 'juicebox.js' file should be loaded only once per web page.
If you are embedding your gallery manually, then you can disable WP-Juicebox.

(2) The path to the 'juicebox.js' file at the top of your gallery's embedding code in incorrect. The path you use is relative and will be relative to the page containing the embedding code. Therefore, the 'juicebox.js' file should be located here: http://gateslosangeles.com/jbcore/juicebox.js (but it is not there).

(3) As your gallery's embedding code does not feature a configUrl or a baseUrl, Juicebox will expect the gallery's XML file to be named 'config.xml' and to be located in the same directory as the page containing the embedding code. The 'config.xml' file does not see to be there: http://gateslosangeles.com/config.xml

If you copy the contents of your gallery folder (not the folder itself) to the root directory of your web space, then your gallery should display fine.

Otherwise, if you have uploaded your complete gallery folder to your web server somewhere, then you can use the baseUrl method of embedding documented here.

For example, if your gallery folder is named 'my_gallery_folder' and you uploaded the complete gallery folder to your root directory, then you could use the following embedding code (in any page throughout your web site).

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

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

When using the baseUrl method, it does not matter where on your web server you upload the gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

2016-02-21 20:32:42

No. Direct linking still uses only the image index number.
It is easy to allocate each image in a gallery a unique number but it would be more difficult to allow image names to be used. Some kind of mapping (image name <--> image number) might be required.

You can still link directly to an image within a Juicebox gallery from Facebook (or any other web page) as long as you know the position of the image in the gallery (which should be fine as long as you do not set randomizeImages="TRUE").
Here is a link to the 7th image in one of our demo galleries: http://juicebox.net/demos/pro/full/#7
If you wanted to use a link like this on your Facebook page, just be sure to use the whole URL (including the '#7' part at the end).

If you like, please feel free 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.

2016-02-21 03:19:42

Please see this forum thread: https://juicebox.net/forum/viewtopic.php?id=2070

There is no easy way to do this. Juicebox was not designed with this in mind.
A Juicebox gallery uses the same set of configuration options for normal and expanded modes and there is no configuration option which you can set to achieve this behavior.

You could perhaps try some of the code I supplied in the forum thread (link above) but, as you will see from the replies, you may run into unforeseen issues which might have to be tackled along the way.

2016-02-20 19:26:59

If the problem is intermittent, then the cause is likely to be either web sever or internet connection related.
The code on your pages will remain constant and should be rendered with consistency.

Juicebox will display the "Config XML file not found" error if the XML file cannot be reached in a timely manner.
The fact that the problem is intermittent suggests that a timeout error may be occurring (the time taken to fetch the XML file is too long).

I'm not sure it will help but you could try increasing your PHP set_time_limit directive to ensure that your PHP file has enough time to generate the XML file.
You could also increase your browser's default timeout value to see if this makes a difference. (You might need to do a web search to see if this is possible with your particular browser.) I realise that this will not help others viewing your web site but it might give us some insight into the nature of the problem.

I notice that your gallery's XML file is generated by a PHP file but the configURL (the URL for the PHP file) is first generated by a JavaScript function.
Also, your web page loads files from several different domains and includes approximately 40 external JavaScript files and 30 external CSS files.

I understand that you may need everything for your web site to function correctly but I can't help but think that you might have fewer Juicebox errors if things were simplified a bit.
If you have any plugins which you are not currently using, try deactivating them to prevent their files from being loaded into your page.

Try also deactivating W3 Total Cache and allow all files to be served from your own web server (instead of a Content Delivery Network). I do not know if this will make a difference but it might be worth trying so see what happens.

Another thing you might like to try is to hardcode the path to the PHP file in your gallery's embedding code (to see if there is perhaps a timing issue with the JavaScript function which builds the configURL which might be contributing to the problem).
Change:

configUrl: dsidx.details.GetConfigUrl(),

... to:

configUrl: 'http://mrtownhome.net/wp-content/plugins/dsidxpress/client-assist.php?action=GetPhotosXML&pid=147337406',

You might need to change this in one of your plugin's source files. I realise that this is not a solution (it will only ever show the images for a single gallery) but it might be interesting to see if it helps with the problem.

Unfortunately, I do not have a solution to your problem and some trial and error might be required but I hope the suggestions above point you in the right direction.

2016-02-20 18:31:50

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

2016-02-20 05:43:13

All XML entities within the Gallery Title (and any other configuration options in the gallery's XML file) need to be escaped. Otherwise they may break the structure of the XML file.

If you enter a Galley Title such as "France Bretagne<br />Normandy" into JuiceboxBuilder, the application will automatically escape the XML entities as required and the Gallery Title will become "France Bretagne<br />Normandy" in the XML file.
However, if you edit your XML file manually, then you will need to escape the XML entitles yourself and enter:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

I have changed the code in my previous post to reflect this. Sorry for any confusion caused.

Basically, if you have any of the following characters in any configuration options in your gallery's XML file and you edit the XML file manually, then you will need to replace them as follows:

& - replace with &
' - replace with '
" - replace with "
< - replace with <
> - replace with >

2016-02-19 20:39:35

You're welcome.

2016-02-19 06:24:29

Also i like to know if it is possible to put the juicebox area higher on the page,
of is this a restriction of the WP theme i use?

Thank you for providing the URL to your gallery's web page.

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 install a third-party plugin to disable the wpautop functionality, for example Toggle wpautop or wpautop control.
Otherwise, you could implement the manual solution from this forum thread.

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

Alternatively, you could install the Raw HTML plugin and wrap the gallery's embedding code in [raw] ... [/raw] tags. This should prevent extra markup (such as <p> and <br /> tags) from being added to the HTML code by WordPress itself or any third-party theme or plugins.

The galleryTitle is long i know. Is it possible to use multiple lines?

Yes. You can use HTML line breaks (<br />) to split your Gallery Title into multiple lines.
Please see this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

You could use a Gallery Title such as:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

2016-02-18 21:53:04

Please see this forum post regarding image rotation. It might help to shed some light on the situation.

When images are requested from Flickr, Juicebox just displays them in the gallery (dynamically) via regular HTML <img> tags and the orientation of the image is handled by the browser.

As noted in the forum thread linked to above, the only way to ensure that your images will be displayed as you expect in all browsers and programs would be to strip the EXIF information from the images (by re-saving the images in an imaging program and choosing not to keep the EXIF information) and then rotate your images until they visibly look correct before uploading them to Flickr.

2016-02-18 07:15:18

Juicebox was not designed with this functionality in mind (the size of the gallery changing depending on the size of each image within the gallery). Ordinarily, a gallery's size will remain constant (unless the gallery is responsive and the size of the user's borwser window changes) and images will be scaled to fit within the gallery's image area.
However, you could perhaps use something like the following. The example gallery below has a fixed width and the height of the gallery changes when a new image is selected, depending on the height of the image (and adding 105 pixels to take into account the thumbnails).
If uses several Juicebox-Pro API functions.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code below.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            #wrap {
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var widthInteger = 600;
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: widthInteger.toString(),
                imageScaleMode: "SCALE"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var url = info.imageURL;
                var image = new Image();
                image.src = url;
                var height = image.height;
                var width = image.width;
                var newHeight = Math.floor((widthInteger/width)*height) + 105;
                jb.setGallerySize(widthInteger, newHeight);
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

Unfortunately, you are currently loading your gallery into an iframe and it is a little more difficult to have the gallery (on the page being loaded into the iframe) control the iframe's height (on a different page) when a new image is selected.
You would need to give your iframe an 'id', for example:

<iframe id="target" src="http://borrowsynths.com/erika/galleries/landscape/index.html" frameborder="0" scrolling="no" style="position: absolute; top:0; left: 0; width: 100%; height: 100%;"></iframe>

... and then add the following code after the jb.setGallerySize(widthInteger, newHeight); line in the sample above (to change the height of the iframe).

window.parent.document.getElementById('target').style.height = newHeight.toString() + 'px';

I hope this points you in the right direction.

2016-02-16 06:58:18

This issue (which is unique to the iPad Pro) will be fixed in the next version of Juicebox.

@robertcoldwell
Thank you very much for reporting the problem and for your help in resolving the issue (via email).

2016-02-15 01:23:38

No problem. Just glad to hear that you've got it sorted. Thank you for letting me know.

Juicebox v1.5.1 Released!

Search options (Page 91 of 235)

Posts found: 2,251 to 2,275 of 5,851

2,251 Reply by Steven @ Juicebox 2016-02-28 08:51:51

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

2,252 Reply by Steven @ Juicebox 2016-02-27 21:55:45

Re: thumbnails full screen - swich to main image full screen (3 replies, posted in Juicebox-Pro Support)

2,253 Reply by Steven @ Juicebox 2016-02-27 05:12:40

Re: center a gallery (10 replies, posted in Juicebox-Lite Support)

2,254 Reply by Steven @ Juicebox 2016-02-26 19:34:30

Re: thumbnails full screen - swich to main image full screen (3 replies, posted in Juicebox-Pro Support)

2,255 Reply by Steven @ Juicebox 2016-02-26 19:24:24

Re: Way to naviagate through open photos in a pop out or separate window? (1 replies, posted in Juicebox-Pro Support)

2,256 Reply by Steven @ Juicebox 2016-02-25 21:27:16

Re: Juicebox Error: Config XML file not found - on 3rd party server (3 replies, posted in Juicebox-Pro Support)

2,257 Reply by Steven @ Juicebox 2016-02-25 06:24:38

Re: center a gallery (10 replies, posted in Juicebox-Lite Support)

2,258 Reply by Steven @ Juicebox 2016-02-25 06:24:36

Re: Juicebox and Drupal with Picasa album (6 replies, posted in Juicebox-Pro Support)

2,259 Reply by Steven @ Juicebox 2016-02-24 20:14:57

Re: No photo appear on first page of gallery ( mobile version) (3 replies, posted in Juicebox-Pro Support)

2,260 Reply by Steven @ Juicebox 2016-02-23 21:29:28

Re: Google Drive Issues [SOLVED] (5 replies, posted in Juicebox-Lite Support)

2,261 Reply by Steven @ Juicebox 2016-02-23 21:26:30

Re: Flickr shows in JB App, but not on sight (5 replies, posted in Juicebox-Pro Support)

2,262 Reply by Steven @ Juicebox 2016-02-23 21:24:33

Re: No photo appear on first page of gallery ( mobile version) (3 replies, posted in Juicebox-Pro Support)

2,263 Reply by Steven @ Juicebox 2016-02-22 21:17:43

Re: Flickr shows in JB App, but not on sight (5 replies, posted in Juicebox-Pro Support)

2,264 Reply by Steven @ Juicebox 2016-02-22 06:05:51

Re: Flickr shows in JB App, but not on sight (5 replies, posted in Juicebox-Pro Support)

2,265 Reply by Steven @ Juicebox 2016-02-21 20:32:42

Re: Direct Image URL with Identifer (9 replies, posted in Juicebox-Pro Support)

2,266 Reply by Steven @ Juicebox 2016-02-21 03:19:42

Re: Open the expand view without thumbnails? (1 replies, posted in Juicebox-Pro Support)

2,267 Reply by Steven @ Juicebox 2016-02-20 19:26:59

Re: Juicebox Error: Config XML file not found - on 3rd party server (3 replies, posted in Juicebox-Pro Support)

2,268 Reply by Steven @ Juicebox 2016-02-20 18:31:50

Re: galleryTitle disapears (7 replies, posted in Juicebox-Lite Support)

2,269 Reply by Steven @ Juicebox 2016-02-20 05:43:13

Re: galleryTitle disapears (7 replies, posted in Juicebox-Lite Support)

2,270 Reply by Steven @ Juicebox 2016-02-19 20:39:35

Re: Flickr images rotated improperly in Juicebox (3 replies, posted in Juicebox-Pro Support)

2,271 Reply by Steven @ Juicebox 2016-02-19 06:24:29

Re: galleryTitle disapears (7 replies, posted in Juicebox-Lite Support)

2,272 Reply by Steven @ Juicebox 2016-02-18 21:53:04

Re: Flickr images rotated improperly in Juicebox (3 replies, posted in Juicebox-Pro Support)

2,273 Reply by Steven @ Juicebox 2016-02-18 07:15:18

Re: keep width constant while adjusting height (1 replies, posted in Juicebox-Pro Support)

2,274 Reply by Steven @ Juicebox 2016-02-16 06:58:18

Re: iPad Pro landscape cropping [SOLVED] (17 replies, posted in Juicebox-Pro Support)

2,275 Reply by Steven @ Juicebox 2016-02-15 01:23:38

Re: Turn off fade in on page load? [SOLVED] (5 replies, posted in Juicebox-Pro Support)

Posts found: 2,251 to 2,275 of 5,851