3,726

(3 replies, posted in Juicebox-Pro Support)

If the Juicebox badge/logo is still present in the lower right corner of the gallery, then the gallery is still using the Juicebox-Lite files.

Double-check that you are using the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.4.0/web/jbcore/') and make sure that you are uploading it to the correct location on your web server.
If you are in any doubt as to whether or not the existing Lite 'jbcore' folder is being overwritten, try deleting it from your web server first before uploading the Pro version in its place.

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

3,727

(3 replies, posted in Juicebox-Pro Support)

When expanding a gallery on an iOS device, Juicebox will expand the gallery in a new page by default (using the 'full.html' file) as if setting expandInNewPage="TRUE". Please see the Expand Gallery Behavior support section for details.

Expanding in a new page works only when the gallery has been uploaded to a web server (and not locally on your own computer) so everything should work OK once you upload your gallery.

3,728

(6 replies, posted in Juicebox-Lite Support)

Do you think I needed to restart the computer for some reason?

It's certainly worth trying and cannot do any harm.

I do not know why JuiceboxBuilder-Lite does not save the gallery files to your chosen folder when clicking 'Save' on the 'Publish' tab (unless the folder you are trying to save the gallery file to is restricted and requires administrative rights which the current user may not have).

If rebooting your computer does not help, try uninstalling and reinstalling JuiceboxBuilder-Lite. However, between uninstalling and reinstalling the application, delete the following folders manually (if they exist) to ensure that nothing is left behind from the previous installation:

C:\Program Files (x86)\JuiceboxBuilder-Lite
C:\Users\DaveWeaver\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Lite
C:\Users\DaveWeaver\AppData\Roaming\JuiceboxBuilder-Lite
C:\Users\DaveWeaver\My Documents\JuiceboxBuilder-Lite

Also, try saving your gallery to a folder in a different location on your computer (perhaps in a folder in your root C:\ directory rather than on your desktop).

If the above suggestions do not help, then create a new Administrative User Account and try installing and using JuiceboxBuilder-Lite from there.

3,729

(5 replies, posted in Juicebox-Lite Support)

Your gallery seems to function OK on its own (www.spoken-image.com/clients/7559LL/Gallery1/) so I suspect the problems are related to the other code on your web page.

But now the 'expand' doesn't show a large image (is that a simple link gone wrong?)

When expanding your gallery and navigating between images, the main images seems to be pushed to the very right of the gallery container. This is likely to be caused by global CSS rules on your web page which the gallery has no option but to inherit and which may be interfering with the gallery's own CSS rules.
Your web page loads 12 external CSS files. Try temporarily removing them from your web page and re-introduce them, one-by-one (checking your gallery after each one), until you find the source of the conflict.

the link to the gallery doesn't work (again link gone wrong?)

I think this may be due to one of the HTML errors on your page (an unclosed <script> tag).
Change:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"</script>

... to:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

Juicebox searches through the <script> tags on the web page to determine the 'jbcore' directory (in order to know the location of other files) and this broken script tag may be interfering with this process.

With regard to the Splash Page being large, all that can be done to reduce this in side is to reduce the dimensions of your gallery or scale your web page for mobile devices using the <meta> 'viewport' tag .

3,730

(21 replies, posted in Juicebox-Pro Support)

@temec987

Thank you for sharing your solution.

3,731

(6 replies, posted in Juicebox-Lite Support)

I choose to store the files locally on my hard drive

You can certainly use these images to create a gallery on your computer but you will need to upload the gallery's own images (inside the 'images' folder) to your web server in order for them to be publicly accessible.

The pics are large will juice box resize them?

Yes. As long as the 'Resize Images' checkbox is selected on the 'Images' tab, JuiceboxBuilder-Lite will resize your images.
You can click the 'Change Sizes...' button to set dimensions for the images but the default values will likely be OK.

For the index page name it gives me index.html

The gallery's index page is required only if you want to display the gallery on its own web page and you can call the page whatever you like, it does not need to be named 'index.html'.
If you want to embed a gallery in an existing web page alongside other content, then you should use the embedding code and follow the embedding instructions here.

I've taken a look at the code on your http://www.foxsdengolfcourse.com/Pictures.html web page and if you want your gallery to appear on that page, then you would need to upload the contents of your gallery folder (not the folder itself) to the root directory of your web space. (Do not upload the gallery's 'index.html' file, though. It is not required and will overwrite your own 'index.html' file.)

Alternatively, try the following (using the baseUrl method of embedding which allows you to keep all your gallery files inside the gallery folder).

(1) Create an empty folder on your desktop and name it 'gallery'.
(2) Create a gallery with JuiceboxBuilder-Lite and save the gallery in the folder you created in Step #1.
(3) Upload the entire gallery folder (not just the contents) to the root directory of your web server (directly into your 'public_html' directory) using an FTP program such as Filezilla.
(4) On your 'Pictures.html' web page, use the following embedding code:

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

Could you perhaps post the URL to a web page which demonstrates this problem so that we can take a look for ourselves?

Also, please try viewing this web page to see if the problem occurs with it. [Web page deleted.]
It is a web page which loads the Foundation 5.2.2 CSS and JavaScript files and also contains a Juicebox-Lite v1.4.0 gallery and some sample text (to ensure that the page is long enough to require scrolling).

Thank you.

3,733

(4 replies, posted in Juicebox-Pro Support)

@wspollack

No. jAlbum has the ability to save a project's settings (very much like saving a preset in JuiceboxBuilder-Pro) which you can then apply to a future project.
However, there is no such functionality in the Juicebox plugin for Lightroom and you cannot load an existing Juicebox gallery in Lightroom to edit it (which, if it could be done, you would do to simply load the configuration options and ignore the images).

Modifying the plugin's 'config.xml' file is probably the easiest way to ensure that certain configuration options are applied to all galleries created by the plugin.

It is no longer possible to have the shared image's thumbnail displayed in the pop-up share window due to limitations imposed by Facebook on what data can be passed via their share URL. Only one thumbnail (the og:image) can be used per gallery. (The link will still point towards the correct image within your gallery.)

You should be able to use a plugin's own configuration options to set a particular image to use as the og:image on your web page. Facebook should then use this image as the gallery thumbnail in the pop-up sharing window.
However, many plugins automatically choose an image to use as the og:image (such as the featured image for the particular page or post) and may not allow you to override this.

Try the WP Facebook Open Graph protocol plugin.
Once activated, go to 'Settings -> Facebook OGP' (from the WordPress Dashboard), enter your 'Facebook User Account ID' and the URL of the image you want to use as the og:image in the 'Default Image URL to use' text field and select the 'Force Fallback Image as Default' checkbox (to ensure that this image is always used).

After doing so, you may need to clear Facebook's own cache of your web page by entering your web page's URL into Facebook's Debugger (otherwise, Facebook may continue to use an older image that was previously used for the shared thumbnail on your web page).

3,735

(5 replies, posted in Juicebox-Lite Support)

I notice that your gallery currently has a height of 100%. When using a percentage height, it is necessary to ensure that all parent container of the gallery (all divs that the gallery is nested within) have heights specified by CSS. Otherwise, Juicebox will not be able to determine what its actual height should be. It looks like this may be the case in your scenario and Juicebox may think that the gallery is simply taking up 100% of the browser window which is why the thumbnails are displayed rather than the Splash Page.

Try giving your gallery a fixed height (perhaps 600px) instead of 100%. You should then see the Splash Page on your main web page and when the Splash Page is tapped, the gallery should open on a page of its own.

For more information about the Splash Page, please see the Screen Modes section of the Gallery Tour support page.

Incidentally, your web page has a few HTML errors which should be fixed.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported.

3,736

(1 replies, posted in Juicebox-Pro Support)

You could try ensuring that all the elements stacked on top of the gallery have high z-index values (try values of 5000 and above). This should prevent the gallery from appearing in front of any other of your web page elements.

Also, it sounds like your gallery may not be very interactive so you might like to try loading your gallery's 'index.html' page into an iframe (which may be easier to load things on top of). There are certain drawbacks of using an iframe (such as the Expand Button being disabled) but it sounds like your gallery may not be affected by such issues. Please see Option #2 here for details.

3,737

(4 replies, posted in Juicebox-Pro Support)

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

3,738

(4 replies, posted in Juicebox-Pro Support)

Not quite. What to do would be to modify the template file that Lightroom uses to create the gallery XML files.
Open the 'juicebox.lrwebengine\config.xml' file in a plain text editor and copy and paste the configuration options (the attributes to the opening <juiceboxbuilder> tag) from your own gallery's XML file into the Lightroom template file. (You can paste them starting on line 27 which is currently blank.)
Be sure not to include any Lite Options which will already be included via the plugin's interface.

Alternatively, you could copy and paste the Pro Options into the Pro Options text area in the plugin's interface (although you would need to do this for each gallery you create).

(Please note that the line number above refers to the current version of the Lightroom plugin (v1.4.0.0).

3,739

(5 replies, posted in Juicebox-Lite Support)

It can be difficult to scroll on top of a gallery as the initial tap may be identified as the start of a swipe gesture to navigate between images. (You should be able to scroll on top of a gallery but you just need to be very careful about it.)
I would recommend using a Splash Page for an embedded gallery (which should always be used in Juicebox-Lite in an embedded gallery anyway).
Please post the URL to your gallery's web page so that I can take a look and perhaps suggest something which may help.

3,740

(5 replies, posted in Juicebox-Pro Support)

I'm pretty sure it's your web page's footer overlapping the bottom of your gallery.
Try reducing the width of your browser window and you will see the gallery and the footer separate from each other.

Did you try my suggestion of adding the z-index CSS rule to your #footer_div?
I tried it (using my browser's developer tools) before posting the suggestion and it fixed the problem of the overlap being a different color to the rest of the footer bar.

The other option would be to change the layout of your page so that the gallery and footer never overlap.

3,741

(2 replies, posted in Juicebox-Lite Support)

It looks like the paths in your embedding code (the path to the 'juicebox.js' file and the baseUrl) are incorrect.
According to your embedding code, your gallery folder should be http://www.ptkmanila.com/newsite/latviagallery/ but your gallery files do not appear to be in there.
Also, according to your <script> tag, your 'juicebox.js' file should be located here: http://www.ptkmanila.com/newsite/latvia … uicebox.js
... but it does not seem to be here.

If you name your gallery folder 'latviagallery' and upload the entire folder (not just the contents) to your 'newsite' directory, then you can use the following embedding code:

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

3,742

(4 replies, posted in Juicebox-Pro Support)

To see my example in action, create a test gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code I posted.

3,743

(1 replies, posted in Juicebox-Pro Support)

This is not related to Juicebox or JuiceboxBuilder.
Juicebox does not use or require Java and JuiceboxBuilder is not a Java application.
(Juicebox uses JavaScript but Java and JavaScript are two very different things.)

If you are having trouble with the automatic Java updater on your computer, try downloading the installer file directly from the Java website.

3,744

(4 replies, posted in Juicebox-Pro Support)

There are several ways that a logo can be added to a Juicebox gallery.
Please see the Adding a Logo support section for details.
You are essentially currently using Option #4 from the link above. Try using either Option #2 or Option #3 instead. Either of these two options would include your logo within the gallery (rather than outside the gallery but on the same page).

3,745

(5 replies, posted in Juicebox-Pro Support)

I think what you are describing is your web page's footer overlapping the bottom of the gallery.
You could try changing the layout of your page so that the gallery and footer do not overlap each other.
Otherwise, you could perhaps give your footer a large z-index value via CSS so that it is always stacked on top of all gallery elements and appears consistent throughout its width.
Try adding the following CSS to your web page:

#footer_div {
    z-index: 9999;
}

3,746

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, it is not possible to change which configuration options are affected by a preset.
The Gallery Title is part of a preset and will always be applied to the gallery when a preset is used.
If you remove the galleryTitle entry from your preset XML file, a blank Gallery Title will be used.

3,747

(3 replies, posted in Juicebox-Pro Support)

Thank you.
I do not know how likely it is that Juicebox will add such functionality as an additional layout option but your suggestion is in the right place and will be seen by the developers.

3,748

(1 replies, posted in Juicebox-Pro Support)

Is it possible to do the same thing also on the mobile platform?

No. In Touch Input Mode (which is used on mobile devices and cannot be overridden via configuration options), when imageClickMode="NAVIGATE", a tap on the screen toggles the display of the overlay and the navigation buttons (or a swipe gesture) must be used to navigate between images.
There is no way to increase the navigation button hit areas in Touch Input Mode.

3,749

(3 replies, posted in Juicebox-Pro Support)

A scrolling gallery of images (where all images are displayed on a single scrollable page at the same time) is not something Juicebox was designed to do and, as such, it is quite far removed from the design concept of displaying only one main image at a time.
However, if you would like to make any suggestions for future versions of Juicebox, please post them in the Feature Requests forum thread. This keeps them all together and ensures that they are not overlooked. Thank you.

Thank you for the additional information.
I have been able to replicate the problem you describe and have logged a bug report with the developers.
It should hopefully be fixed in the next version.
In the meantime, depending on how you are trying to sort the images, I notice that sometimes, the action you perform is executed OK but requires a click on the 'Images' tab label (or a click on 'Customize' and then back to 'Images') to refresh the page (and display the images in the new order).