Juicebox v1.5.1 Released!

2014-05-18 11:42:03

I'm playing around experimenting with the multisize but it does NOT seem to serve any different images - in fact I'm only getting whatever is defined in imageURL.

The Multi-Size Image Support seems to work fine but perhaps not as you expect it to.
If you are adding the extra image sizes to your gallery's XML file manually, the attribute names are case-sensitive so take care to use smallImageURL and largeImageURL entries (instead of, for example, smallImageUrl or largeimageurl).
Try opening an image in a new window (with the Open Image button on the Button Bar) and you should see the largeImageURL being used.

the config itself specified THE EXACT SAME IMAGE for each size!

Each image (small, medium and large) in the Multi-Size demo gallery is unique. All three sizes for each entry have the same file name but they are stored in different folders and are different sizes (though I agree it can be hard to tell which image is being used just by viewing the gallery).

Would it not make sense to define a screen resolution threshold?

The logic used to determine which image to use can be found in the Multi-Size Image Support section.
To a certain extent, Juicebox does take into account the screen resolution. The size of images used in the gallery is partly dependent on the Screen Mode used to display the gallery and as long as screenMode="AUTO", the Screen Mode is dependent on the screen resolution (amongst other factors).
Unfortunately, it is not possible to change this logic (for example, to introduce your a custom screen resolution threshold into the mix). If you would like to suggest this for a future version of Juicebox, then please post in the Feature Requests thread. I do not know how likely it is that your suggestion will be incorporated into a future version of Juicebox but at least it will be in the right place and will not be overlooked by the developers.

An alternative to using Multi-Size Image Support would be to use a single image of high enough resolution that it would still look OK on the highest resolution screen that you expect your gallery's target audience to use. The image would still be dynamically scaled down appropriately for use on smaller screens.

I hope this helps clarify things.

2014-05-18 10:42:19

The 'full.html' file is used to display the gallery when it is expanded in a new page, either when expandInNewPage="TRUE" or when expandInNewPage="AUTO" and Juicebox determines that the configuration option should be TRUE (such as when the gallery is displayed on iOS devices). Please see the Expand Gallery Behavior support section for more information.
Please note that expanding in a new page will work only when the gallery has been uploaded to a web server.

If your gallery does not expand correctly on your iPad (showing a blank screen), then please post the URL to your gallery so that I can take a look and help further.

2014-05-17 21:18:47

This is possible only with Juicebox-Pro (not with Juicebox-Lite) by setting thumbsPosition="TOP". (thumbsPosition is a Pro-only configuration option).
For a list of all Pro Thumbnail Options, please see here.

2014-05-17 09:08:17

As long as you can view your gallery in a browser using either the http:// or https:// protocol, the expand in new page functionality should work OK.

2014-05-17 08:27:14

That's great! Thanks for letting me know.

2014-05-16 20:42:07

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.

2014-05-16 20:16:32

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.

2014-05-16 10:59:04

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.

2014-05-16 10:29:33

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 .

2014-05-16 10:28:20

@temec987

Thank you for sharing your solution.

2014-05-15 21:47:03

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

2014-05-15 20:25:16

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.

2014-05-15 14:57:28

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

2014-05-15 13:56:37

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

2014-05-15 09:41:50

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.

2014-05-15 09:31:58

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.

2014-05-15 09:23:27

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

2014-05-14 23:31:14

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

2014-05-14 23:24:42

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.

2014-05-14 23:18:13

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.

2014-05-14 23:10:32

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

2014-05-14 23:03:10

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.

2014-05-13 18:58:44

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.

2014-05-13 09:07:08

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

2014-05-13 08:37:52

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;
}

Juicebox v1.5.1 Released!

Search options (Page 152 of 235)

Posts found: 3,776 to 3,800 of 5,867

3,776 Reply by Steven @ Juicebox 2014-05-18 11:42:03

Re: Multi-size doesn't work? (2 replies, posted in Juicebox-Pro Support)

3,777 Reply by Steven @ Juicebox 2014-05-18 10:42:19

Re: What is this "full.html" file? (1 replies, posted in Juicebox-Lite Support)

3,778 Reply by Steven @ Juicebox 2014-05-17 21:18:47

Re: Moving thumbnails above main image [SOLVED] (2 replies, posted in Juicebox-Lite Support)

3,779 Reply by Steven @ Juicebox 2014-05-17 09:08:17

Re: Oddity When Previewing for IOS Devices (3 replies, posted in Juicebox-Pro Support)

3,780 Reply by Steven @ Juicebox 2014-05-17 08:27:14

Re: trouble setting up [SOLVED] (6 replies, posted in Juicebox-Lite Support)

3,781 Reply by Steven @ Juicebox 2014-05-16 20:42:07

Re: Trouble Upgrading to Pro Version (3 replies, posted in Juicebox-Pro Support)

3,782 Reply by Steven @ Juicebox 2014-05-16 20:16:32

Re: Oddity When Previewing for IOS Devices (3 replies, posted in Juicebox-Pro Support)

3,783 Reply by Steven @ Juicebox 2014-05-16 10:59:04

Re: trouble setting up [SOLVED] (6 replies, posted in Juicebox-Lite Support)

3,784 Reply by Steven @ Juicebox 2014-05-16 10:29:33

Re: Scrolling up/down through embedded gallery (5 replies, posted in Juicebox-Lite Support)

3,785 Reply by Steven @ Juicebox 2014-05-16 10:28:20

Re: WP-Juicebox addSEOContent="TRUE" not working (21 replies, posted in Juicebox-Pro Support)

3,786 Reply by Steven @ Juicebox 2014-05-15 21:47:03

Re: trouble setting up [SOLVED] (6 replies, posted in Juicebox-Lite Support)

3,787 Reply by Steven @ Juicebox 2014-05-15 20:25:16

Re: WordPress Plugin stops ability to scroll on Windows Phone 8 (10 replies, posted in Juicebox-Pro Support)

3,788 Reply by Steven @ Juicebox 2014-05-15 14:57:28

Re: Configuring the LR plugin (4 replies, posted in Juicebox-Pro Support)

3,789 Reply by Steven @ Juicebox 2014-05-15 13:56:37

Re: facebook link in wordpress not showing thumbnail (4 replies, posted in Juicebox-Pro Support)

3,790 Reply by Steven @ Juicebox 2014-05-15 09:41:50

Re: Scrolling up/down through embedded gallery (5 replies, posted in Juicebox-Lite Support)

3,791 Reply by Steven @ Juicebox 2014-05-15 09:31:58

Re: Use juice box in the background (1 replies, posted in Juicebox-Pro Support)

3,792 Reply by Steven @ Juicebox 2014-05-15 09:23:27

Re: Adding an logo [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,793 Reply by Steven @ Juicebox 2014-05-14 23:31:14

Re: Configuring the LR plugin (4 replies, posted in Juicebox-Pro Support)

3,794 Reply by Steven @ Juicebox 2014-05-14 23:24:42

Re: Scrolling up/down through embedded gallery (5 replies, posted in Juicebox-Lite Support)

3,795 Reply by Steven @ Juicebox 2014-05-14 23:18:13

Re: black bar under gallery (5 replies, posted in Juicebox-Pro Support)

3,796 Reply by Steven @ Juicebox 2014-05-14 23:10:32

Re: gallery works offline but not online [SOLVED] (2 replies, posted in Juicebox-Lite Support)

3,797 Reply by Steven @ Juicebox 2014-05-14 23:03:10

Re: Hide thumbnails on fullscreen expand (4 replies, posted in Juicebox-Pro Support)

3,798 Reply by Steven @ Juicebox 2014-05-13 18:58:44

Re: Java Auto Updater - related to Juicebox? (1 replies, posted in Juicebox-Pro Support)

3,799 Reply by Steven @ Juicebox 2014-05-13 09:07:08

Re: Adding an logo [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,800 Reply by Steven @ Juicebox 2014-05-13 08:37:52

Re: black bar under gallery (5 replies, posted in Juicebox-Pro Support)

Posts found: 3,776 to 3,800 of 5,867