2,251 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You could maybe create a custom font (with whatever icons you want to use as characters) with an online app such as IcoMoon.
You could then load the font into your gallery's web page and use your new custom characters in your image titles and captions.

You could use HTML formatting within your image titles and captions (as noted in this FAQ below) to ensure that the correct font is used when required.
How do I add HTML formatting to image captions and titles?

For example, the 'juicebox' font (which contains the icons for the gallery) is already loaded into a gallery page but you could use one of its icons in an image caption as follows:

<caption><![CDATA[This is the Juicebox 'Back Button' icon: <span style="font-family: juicebox;">&#xe014</span>]]></caption>

More information about using IcoMoon in conjunction with Juicebox can be found in the Theming Guide. (It might not be directly related to your query but you might find it interesting.)

I hope this points you in the right direction.

Go to forum: Juicebox-Pro Support

2,252 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

It works a charme, thanks !

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

What I pity is that nowhere can I find that inserting a <BR> in the caption will actually create a new line in the caption.

As you have discovered, you can add HTML formatting (such as <br> line breaks) to image titles and captions.
This is noted in this FAQ (although a line break is not part of the example):
How do I add HTML formatting to image captions and titles?

Go to forum: Juicebox-Pro Support

2,253 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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

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

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

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

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

I hope this solves your problem.

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

Go to forum: Juicebox-Pro Support

2,254 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,255 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
           var a, b, c, thresholdWidth = 600, z = false;
           function loadGallery(a, b, c) {
                new juicebox({
                    containerId: "juicebox-container",
                    maxThumbColumns: a,
                    maxThumbRows: b,
                    thumbsPosition: c
                });
                z = true;
            }
            function thumbsStatus() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                if (windowWidth < thresholdWidth && (c === 'LEFT' || z === false)) {
                    a = '10';
                    b = '1';
                    c = 'BOTTOM';
                    loadGallery(a, b, c);
                }
                if (windowWidth >= thresholdWidth && (c === 'BOTTOM' || z === false)) {
                    a = '1';
                    b = '5';
                    c = 'LEFT';
                    loadGallery(a, b, c);
                }
            }
            $(document).ready(function() {
                thumbsStatus();
                $(window).resize(thumbsStatus);
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

I hope this helps.

Go to forum: Juicebox-Pro Support

2,256 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

@just_rajpoot

Your gallery uses the following path as the configUrl:

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

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

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

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

Go to forum: Juicebox-Lite Support

2,257 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad everything's OK. Thank you for letting me know.

Go to forum: Juicebox-Pro Support

2,258 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

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

Go to forum: Juicebox-Lite Support

2,259 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

When using a Picasa/Google+ Web Album as the source of image, WP-Juicebox uses the Picasa/Google+ image 'title' as the Juicebox image title (which by default is the image filename) and the Picasa/Google+ image 'summary' as the Juicebox image caption.

If you want to prevent WP-Juicebox from displaying the Picasa/Google+ image 'title', please do the following.
(1) Open the 'wp-juicebox/config.php' file in a plain text editor.
(2) Change line 120 from:

$image_title = $attachment->title;

... to:

$image_title = '';

You can do likewise for the Picasa/Google+ image 'summary' by changing line 127 from:

$image_caption = $attachment->summary;

... to:

$image_caption = '';

Please note that the line numbers above refers to the current version of WP-Juicebox (v1.4.4.2).

Go to forum: Juicebox-Pro Support

2,260 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

Your embedding code currently has paths with leading slashes which denote your root directory.
However, your 'people_gallery' folder is not in your root directory. It is in your 'HTML' directory.
The paths need to be relative to the page containing the embedding code (in the 'HTML' directory) or, if using leading slashes, the paths from the root need to be adjusted to take into account the 'HTML' folder.

Either of the following should work fine:

Option #1:

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

Option #2:

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

There is a good reference guide to URLs (absolute vs relative) here.

Incidentally, you have two instances of the <script> tag loading the 'juicebox.js' file.
There should be only one per page. Remove the one between the end </head> tag and the start <body> tag. (There should be no code between these tags at all.)

Go to forum: Juicebox-Lite Support

2,261 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Also, downloaded the new version (1.4.4.2) and copied the jbcore folder to the jbcore folder under:wp-content/plugins/wp-juicebox

In order to upgrade WP-Juicebox, you need to replace all the WP-Juicebox files (not just the 'jbcore' folder).
The 'jbcore' folder contains the core Juicebox files which are used to display the galleries in the frontend.
The other files in the plugin handle the integration within WordPress, the user interface and the backend functionality.

Once you have replaced all the WP-Juicebox files, make sure you upgrade the plugin to use your Juicebox-Pro v.1.4.4.2 'jbcore' folder following the Upgrading to Juicebox-Pro instructions in the plugin's support page.

Where do you get the Album name from in Google Photos?

Once logged into Google and in the Photos section, go to Collections (from the left side menu) and select Albums from the drop down menu at the top.
You can create a new Album via the + character at the top or you can click on an existing Album and click in the Title field (default text 'Untitled') to give your existing Album a Title.

You can find your Google User Id by going to your Google+ Profile page and grabbing the 21 digit number from the URL.

You can try to display one of my own test albums using the following details:
Picasa/Google User Id: 109901943277912891450
Picasa/Google Album Name: TestAlbum

Go to forum: Juicebox-Pro Support

2,262 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The website you quoted seems to display many images at once, all linking to different web pages.
This would not be possible with Juicebox-Pro.

With Juicebox-Pro, you could certainly link each image to a unique web page but each image is displayed individually.

If you used Small Screen Mode, you could display many thumbnails together on the same page (see this example) but it is not possible to link thumbnails to web pages (only main images).

To see what can be done with Juicebox-Pro, we have several demo galleries here.

Go to forum: Juicebox-Pro Support

2,263 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

No problem. I didn't miss your post. I was just explaining why the gallery titles in your two galleries are in different places and how you could change the position of the Gallery Title (by changing the gallery's width) if you wanted to.
As you have discovered, you may need to compromise between the width of your 'Italy' gallery and the position of its Gallery Title.

Just for the record, with Juicebox-Pro, you could set maxThumbColumns="6" to ensure that no more than 6 columns of thumbnails are ever displayed on any page. (That way, you could increase your gallery's with to 100% and retain your 6 thumbnails per page.)

Go to forum: Juicebox-Lite Support

2,264 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

There are a few things wrong with your code.

(1) You will need to load the 'juicebox.js' file into your web page for your gallery to appear (like in the sample embedding code in the Embedding Guide).
Change:

<script src="/People_gallery"></script>

... to:

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

(2) There should not be a Doctype Declaration within your gallery's embedding code.
Remove:

<!DOCTYPE html>

... and ensure that the embedding code is within the <body> tags in your page.

(3) You have closed off the new juicebox({ section too early.
Remove:

});

... just below the baseUrl entry.

(4) The baseUrl should point towards a gallery folder (not a file inside the folder).

(5) You need a comma after the baseUrl to separate it from the configuration options which follow.
Change:

baseUrl : '/People_gallery/index.html'

... to:

baseUrl : '/People_gallery/',

(5) The code you posted has a stray </div> tag at the end of the code. This can be removed (unless it refers to an opening <div> tag that you did not include in your post).

You should now have embedding code which looks like this:

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

As long as your gallery folder is named 'People_gallery' and is located in your web space's root directory, then it should display fine once the web page is uploaded to your web server.

For reference, the baseUrl method of embedding is documented here.

There is a note for Dreamweaver users here: Embedding Using Dreamweaver.

Go to forum: Juicebox-Lite Support

2,265 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

The Gallery Title in your 'Italy' gallery is flush against the left-hand edge of the gallery.
The difference between your 'Greece' and 'Italy' galleries is that your 'Greece' gallery has a galleryWidth of 100% whereas your 'Italy' gallery has a galleryWidth of 80% and is therefore narrower and the edges of the gallery are not as close to the edges of the parent container.
Increase your 'Italy' gallery's galleryWidth to 100% and you should see your Gallery Title further to the left.

Go to forum: Juicebox-Lite Support

2,266 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

I'm glad that you've been able to horizontally center your gallery and remove the <p> and <br /> tags from your embedding code. Thank you for letting me know.

Do i have anything to desire? Well the gallery name could be outlined to the left, but that's a minor detail.

I'm not quite sure what you mean by "outlined to the left". Maybe you explain in greater detail and provide the URL to your gallery so that I could take a look.
If you are referring to the Gallery Title, then you can position and style the Gallery Title using the following configuration options.

galleryTitlePosition ('Customize -> General')
galleryTitleHAlign ('Customize -> General')
galleryFontFace ('Customize -> General')
textColor  ('Customize -> Lite')
textShadowColor  ('Customize -> Color')

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

Go to forum: Juicebox-Lite Support

2,267 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,268 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,269 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

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

Go to forum: Juicebox-Lite Support

2,270 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,271 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

2,272 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,273 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

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.

Go to forum: Juicebox-Lite Support

2,274 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

I've recommended Juicebox over there.

That's awesome! Thanks for that! :)

Go to forum: Juicebox-Pro Support

2,275 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support