Juicebox v1.5.1 Released!

2014-06-28 10:03:01

Speaking of bug, I've noticed that every time I paste something in a box in juice box it is paste twice in a row like this: thethingIpastedthethingIpasted

There is a problem with pasting via keyboard on Mac when using Adobe AIR v14.0. Please see these links for further details:
https://forums.adobe.com/thread/1495749
https://bugbase.adobe.com/index.cfm?eve … id=3775354

We are currently investigating the problem but in the meantime, workarounds would be to either:
(1) Paste the text via mouse context menu.
(2) Type the text into the input field.
(3) Paste the text via keyboard and manually delete the duplicate entry.
(4) Revert to a previous version of Adobe AIR (not necessary if using #1, #2 or #3 above). Previous versions of Adobe AIR can be downloaded from this web page.

Any idea how do I get that checkbox ?

The checkbox is a feature of the browser (not Juicebox itself) and it should be displayed the first time you expand a gallery on a certain domain. Once you select the checkbox and 'Allow' fullscreen, the checkbox option will no longer be displayed the next time you expand a gallery on that domain.
In Firefox (which it looks like you are using), enter about:permissions in the address bar to open the Permissions Manager and you will be able to manage the fullscreen permissions for specific domains.

2014-06-28 09:48:05

A Juicebox gallery created by the Lightroom plugin uses the same 'jbcore' files as a Juicebox gallery created by JuiceboxBuilder-Lite and the same procedure would be used to change icons in both Juicebox-Lite and Juicebox-Pro.
I'll try to help further if I can but I'll need some more information.
What exactly are you trying to do, how far into the procedure do you get before you get stuck and what seems to be the problem?

Please bear in mind that the Custom Icons support section will allow you to change existing icons in a gallery but will not allow you to create a completely new button with new functionality.
If this is what you are looking to do, then please see this forum post which may help.

2014-06-28 09:43:03

Is there a way to make the thumbnails closer to the image as I now have a lot of room between the images and the thumbs, or even have them move dynamically?

It would help (to distribute the extra space within the gallery equally above and below the main image) if you changed imageVAlign="TOP" to imageVAlign="CENTER".
You could probably reduce your gallery's height a bit and this should have the desired effect of reducing the amount of space you see between the main image and the thumbnails. (Reduce it too much and the width of the main image will start to decrease but it looks like you can afford to reduce it slightly without affecting the size of the main image.)

The reason for the large frame width was because I wanted the thumb selected to look greyed out and not just a border. Is there a way to have it a solid square instead of just a frame?

The best you can do is set thumbSelectedFrameWidth to exactly half the height/width of your thumbnails (so that the frame on all sides meets in the middle). Previously, it was more than half, resulting in a strange-looking effect.

2014-06-28 09:42:12

It certainly seems to occur only in Mobile Safari in iOS 7. (It does not occur in Mobile Safari or Chrome on my own device running iOS 6.)
Have you checked to see if the problem occurs in Chrome on your iPhone?
Try fixing the errors on your web page and then see if the problem still occurs in Mobile Safari and/or Chrome on your iPhone.

2014-06-28 09:37:06

Lightroom does not support .gif files.
Please see the "What file formats does Lightroom 5 support?" FAQ in the Technical Questions section of the Lightroom 5 / Common Questions page.

Lightroom 5 supports most of native camera raw file formats, in addition to PNG, DNG, TIFF, and JPEG formats — in other words, the formats primarily used in digital cameras. Lightroom 5 also supports the PSD file format for enhanced integration with Photoshop. For a complete list of raw format support by camera make and model, see the camera raw page.

2014-06-28 09:36:09

Does it retract when you open one of the portfolio galleries and then flick through some of the images in the gallery?

No. It stays expanded even whilst navigating through the album. It only retracts when you click another one of your menu items (and change the content on the page).
Try a web search with terms such as 'hover mobile devices'. This is the first result which looks like it might be relevant to your scenario: http://www.prowebdesign.ro/how-to-deal- … n-devices/

2014-06-27 21:38:19

If you want to change any of the icons in the gallery, then please see the Theming Guide for details.
The \e00f entries are characters in a custom font. You could replace or add icons to the stock Juicebox font (as described in the Theming Guide) and then change the entries in the 'theme.css' file to match your new icons.

Can I use this same method to add something like a "Return Home" button?

This sounds like you might want to make use of the Back Button. You can set the backButtonUrl (the URL the browser will be redirected to when the Back Button is clicked) to any URL you like (absolute or relative to the web page containing the gallery's embedding code).

2014-06-27 21:10:10

The Facebook share pop-up window is populated by the information in the Open Graph <meta> tags in the <head> section of your web page. For more information on how to use Open Graph tags, please see here.

You may find Facebook's own Open Graph Debugger to be a useful tool to check the information being passed to Facebook.

The og:title, og:description and og:image entries are used but it does not seem to be possible to insert an HTML link into the og:title or og:description fields. I have just tried this for myself and instead of displaying the link, Facebook pulls in information from the link's destination.

2014-06-27 19:56:46

None of the Juicebox plugins are as fully-featured as JuiceboxBuilder-Pro (which comes with Juicebox-Pro and has individual controls within its interface for all Pro Options) and they are provided as a convenience for users who already use programs such as Lightroom and want to be able to create Juicebox galleries within their existing workflow.

The Lightroom plugin does have a Pro Options text area where you can enter Pro Options (as text) and see the results immediately in the live preview window.

It is actually quite a quick and easy process to open a gallery (created by a plugin) in JuiceboxBuilder-Pro, customize the gallery as required and re-save the gallery.
You could even create a preset in JuiceboxBuilder-Pro so that you can quickly apply a collection of configuration options to an existing gallery in a single action.

2014-06-27 19:49:36

It looks like your header may have a position assigned to it via CSS. There is currently a known bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). This bug should hopefully be fixed in a future version of Juicebox. In the meantime, please try one of the two following suggestions:

(1) Set useFullscreenExpand="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).
... or:
(2) Set expandInNewPage="TRUE" in (in JuiceboxBuilder-Pro's 'Customize -> General' section). When the gallery is expanded, it will be displayed on a page of its own rather than on top of the embedding page.

Hopefully one (or both) of these suggestions will be a suitable solution to your problem until the bug is fixed.

2014-06-27 19:43:03

Juicebox will display animated .gif files fine.
Just be aware that if you use JuiceboxBuilder-Pro to resize your images, an animated .gif file will be processed into a .jpg image displaying the first frame of the animation. (Just deselect the 'Resize Images' checkbox on the 'Images' tab and the original animated .gif files you add to your gallery will be copied across to the output 'images' directory.)
As long as you feed Juicebox the actual animated .gif files, they will display fine.

2014-06-27 12:06:56

The bug the user was referring to (not being able to delete images on the JuiceboxBuidler 'Images' tab) was found soon after Juicebox v1.4.1 was released.
We repackaged the Juicebox zip files with a bugfix during the v1.4.1 release. (The JuiceboxBuilder installation files included the fix but the core Juicebox gallery files themselves remained unchanged.)

I referred to v1.4.2 in my post simply because this is now the current version of Juicebox (and the bugfix is also included in the v1.4.2 packages).

I hope this clarifies things.

[Original post moved to new topic to save confusion.]

2014-06-27 11:39:47

I can confirm that your galleries display OK on an iPod Touch 4 running iOS 6.1.6 although once you tap your 'Portfolio' drop-down menu, it never retracts and stays visible until you click another one of your menu items. This happens in both Mobile Safari and Chrome.
Check your menu's support to see if this is a known issue. (On desktop browsers, you can hover away from the expanded menu and it disappears. It is not possible to hover away from the menu on a mobile device.)

2014-06-27 11:34:36

I said I was on Mac right? But you use Adobe Air which is platform agnostic I think.

You mentioned you were using a Mac but this is not really relevant to your problem.
JuiceboxBuilder-Pro runs on Adobe AIR so although the Adobe AIR installation package differs for Mac and PC, the JuiceboxBuilder-Pro.air package is the same for both platforms.
Whether you use JuiceboxBuilder-Pro on a Mac or PC, the gallery files generated by the program will be the same regardless of the platform used.

2014-06-27 11:34:09

You can change font sizes in image titles and captions by using HTML formatting as documented in this FAQ:
How do I add HTML formatting to image captions and titles?

You can do likewise with the Gallery Title and Back Button Text:
How do I add HTML formatting to the Gallery Title or Back Button?

Other font sizes (for example for the image number) would have to be changed via CSS.

But I thought you might be able to save me some time and avoid going through the 1000 lines of CSS code in theme.css...

Unfortunately, as I mentioned, there is no list mapping classes to elements and I would just need to do the same as yourself (use a browser's developer tools to determine the relevant classes or rifle through the 'theme.css' file).

I am glad that you have found what you were looking for.
Thank you for sharing your findings. Hopefully it will help others.

2014-06-27 11:27:19

Try fixing the HTML errors on your web page to see if this makes a difference.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported. This may help.

Incidentally, I do not see this issue on an iPod Touch running iOS 6.1.6 so it may be related to iOS 7.
Do you see the problem in other mobile browsers such as Chrome on your device?

2014-06-27 11:19:18

The default languageList which you can change to suit your own needs can be found in the link in my last post: http://www.juicebox.net/support/creation/#language-list

If you want to change the tooltip text for the Button Bar navigation buttons, use something like the following (changing the text as required):

languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|TEXT_FOR_NEXT_NAVIGATION_BUTTON_GOES_HERE|TEXT_FOR_PREVIOUS_NAVIGATION_BUTTON_GOES_HERE|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of"

2014-06-27 11:13:04

Your gallery will remain the same size on your page whether or not the thumbnails are displayed.
When the thumbnails are displayed, there is little room left within your gallery to display the main image (and it is displayed as large as it can be with with space available).
The only way to display the image at its larger size when the thumbnails are displayed would be to change the size of the gallery when the thumbnail button is clicked (to give your gallery more height to display both the thumbnails and the main image).
This can be achieved by using the Juicebox-Pro API, specifically the setGallerySize() method and the onShowThumbs() event.
To see an example of this in action, create a sample gallery with JuiceboxBuilder-Pro (using default values) and replace the gallery's embedding code (in the 'index.html' file) with the following:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
    containerId: 'juicebox-container',
    galleryHeight: '600',
    galleryWidth: '600',
    showThumbsOnLoad: 'TRUE'
});
jb.onInitComplete = function() {
    if (jb.getScreenMode() === 'LARGE') {
        jb.onShowThumbs = function(showing) {
        if (showing) {
            jb.setGallerySize(600, 600);
        } else
            jb.setGallerySize(600, 400);
        }
    }
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Your gallery has dimensions of 100% x 100%. This means that it will fill its parent container no matter what its size is. However, in order for Juicebox to determine what its actual dimensions should be, please be sure to explicitly set dimensions for the gallery's parent container using CSS (otherwise Juicebox will not know what the 100% should refer to).
When using percentage heights, please also see this note regarding Using Percentage Heights]Using Percentage Heights
If using the API solution above, this will not apply as setGallerySize() accepts only absolute pixel values (not percentages).

Also, your web page has HTML errors which may be causing problems.
You can validate your web page with the W3C Markup Validation Service and then fix the errors reported.
Once the code on your web page validates, your web page should be rendered with greater predictability and consistency across different browsers.

You also have a very high thumbSelectedFrameWidth which makes your selected thumbnails look a little strange. I would recommend reducing this value from 45 to something less than or equal to half the height/width of your thumbnails.

2014-06-27 10:04:43

You could have all your galleries share a single 'jbcore' folder (rather than having one per gallery) by following the 'Using an External jbcore Folder' instructions here.
You could then just replace the stock 'jbcore/classic/theme.css' file (within the shared 'jbcore' folder) with your own 'theme.css' file.

I hope this helps.

2014-06-26 21:23:33

You can set a global font for all text in your gallery using the galleryFontFace configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section).
Please see the General Options section of the Config Options page for a short description of this configuration option.
This is the recommended way to set a font for a gallery. The tips you have seen may have been posted prior to galleryFontFace being introduced (in v1.3.0) and the CSS modifications were probably the only way to achieve font changes at the time.
If you really want to change the font for only a particular section of your gallery, then the best way to figure out which classes and ids you have to apply your custom CSS rules to would be to inspect your gallery with a browser's developer tools (usually accessed by hitting F12) or by searching through the gallery's 'jbcore/classic/theme.css' file. There is no official list of which classes and ids refer to which elements as these could change between versions.

2014-06-26 20:35:11

I need the image to take up the width of the embeddable area without having to hide thumbnails

If you want your image to fill the width of the image area within the gallery, try setting imageScaleMode to either "SCALE" or "FILL". By default, imageScaleMode is set to "SCALE_DOWN" and if the aspect ratio of your images does not match that of the image area within the gallery, then the images will be scaled down to fit within the image area without cropping and this may result in space to the top and bottom or left and right of the images. Also, when using "SCALE_DOWN", small images are not scaled up (as this would reduce their visual quality).
Please see this FAQ which deals with unwanted space within a gallery:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

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

Also, when I need to delete images from Juicebox Builder Pro I am only able to delete one image until I restart the program.

This sounds like you may be experiencing a bug which has been fixed.
Please download the latest version of Juicebox-Pro v1.4.2 (using the link from your purchase email) and you should no longer experience this issue. Please see the Upgrading Juicebox support page for details.

2014-06-26 19:26:52

1. When you access the page now, the brower url appends a #1 at the end of the URL.

This is because you have set enableDirectLinks="TRUE". When using this configuration option, the URL in the browser will be appended with a # indicator with the index of the current image being displayed (giving each image in the gallery a direct link).
Set enableDirectLinks="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and there will be no # at the end of your URL.

2. When you navigate the galleries, you will see that all three galleries change slides at the same time.

I think this problem may be due to the fact that you load the 'juicebox.js' JavaScript file for each and every gallery on the your web page. This is not necessary (and may be causing problems with your multiple galleries).
Try loading 'juicebox.js' just once on your web page (before the embedding code for your first gallery).
Also, I notice that you are currently using Juicebox-Pro v1.3.3. Try upgrading to the most recent version (v1.4.2) as many bugs have been fixed since v1.3.3.
Please see the Upgrading Juicebox support page for instructions on how to upgrade existing galleries and the Version History for a full list of changes between versions.

2014-06-26 19:10:14

Juicebox galleries are comprised of standard HTML, JavaScript and CSS files (and a few other resource files such as images and fonts) and should display fine in Chrome on their own.
Try viewing one of your own galleries in Chrome outside of your main page: http://www.signsvictoria.ca/dimensional/
This implies that the problem lies somewhere within your embedding page rather than with the gallery itself.

The 'No plug-in available to display this content.' is not an error message generated by Juicebox itself and Juicebox requires no plugins to run (although JavaScript must be enable in the browser).

It looks like you are embedding your galleries within <object> tags and this may be the cause of the problem. (Try a web search with terms such as 'object tag google chrome' and you should find more information.)
Try loading your galleries into an <iframe> instead.

2014-06-26 18:52:28

If you are referring to the tooltip text which appears when hovering over the navigation buttons on the Button Bar (displayed by setting showNavButtons="TRUE"), then you can change the text using the languageList configuration option.
For more information about languageList , please see here.
This configuration option is not found in the JuiceboxBuilder-Pro interface but can be added manually following the 'Setting Config Options' instructions here.

2014-06-26 11:06:44

I have viewed your web page and the Splash Page text is being displayed in the Arenq font.
If you are not seeing this, then try clearing your browser's cache to ensure that your browser is fetching and using the most recent versions of your gallery files.

Just entering the font name in the galleryFontFace text field should be enough for the font to be used on the Splash Page as well as in the gallery itself (and this works in my own tests).

Incidentally, I notice that you are using Juicebox-Pro v1.4.0.
If you like, you could upgrade to the current version (v1.4.2) by following the instructions on the Upgrading Juicebox support page.

Juicebox v1.5.1 Released!

Search options (Page 146 of 235)

Posts found: 3,626 to 3,650 of 5,863

3,626 Reply by Steven @ Juicebox 2014-06-28 10:03:01

Re: Splash page and z-index (4 replies, posted in Juicebox-Pro Support)

3,627 Reply by Steven @ Juicebox 2014-06-28 09:48:05

Re: Customizing Theme.css ? [SOLVED] (12 replies, posted in Juicebox-Lite Support)

3,628 Reply by Steven @ Juicebox 2014-06-28 09:43:03

Re: Image width on embedded page. (5 replies, posted in Juicebox-Pro Support)

3,629 Reply by Steven @ Juicebox 2014-06-28 09:42:12

Re: Returning from Full Screen Mode [SOLVED] (5 replies, posted in Juicebox-Pro Support)

3,630 Reply by Steven @ Juicebox 2014-06-28 09:37:06

Re: Animated GIF files possible? (3 replies, posted in Juicebox-Pro Support)

3,631 Reply by Steven @ Juicebox 2014-06-28 09:36:09

Re: Gallery not working on Windows based Chrome, Mac or Mobile (6 replies, posted in Juicebox-Lite Support)

3,632 Reply by Steven @ Juicebox 2014-06-27 21:38:19

Re: Customizing Theme.css ? [SOLVED] (12 replies, posted in Juicebox-Lite Support)

3,633 Reply by Steven @ Juicebox 2014-06-27 21:10:10

Re: Share on Facebook (1 replies, posted in Juicebox-Pro Support)

3,634 Reply by Steven @ Juicebox 2014-06-27 19:56:46

Re: Pro settings directly in Lightroom plugin? (1 replies, posted in Juicebox-Pro Support)

3,635 Reply by Steven @ Juicebox 2014-06-27 19:49:36

Re: Splash page and z-index (4 replies, posted in Juicebox-Pro Support)

3,636 Reply by Steven @ Juicebox 2014-06-27 19:43:03

Re: Animated GIF files possible? (3 replies, posted in Juicebox-Pro Support)

3,637 Reply by Steven @ Juicebox 2014-06-27 12:06:56

Re: Bugfix in JuiceboxBuilder [SOLVED] (2 replies, posted in Juicebox-Pro Support)

3,638 Reply by Steven @ Juicebox 2014-06-27 11:39:47

Re: Gallery not working on Windows based Chrome, Mac or Mobile (6 replies, posted in Juicebox-Lite Support)

3,639 Reply by Steven @ Juicebox 2014-06-27 11:34:36

Re: Multiple Juicebox on page - 2 issues [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,640 Reply by Steven @ Juicebox 2014-06-27 11:34:09

Re: CSS font options (4 replies, posted in Juicebox-Pro Support)

3,641 Reply by Steven @ Juicebox 2014-06-27 11:27:19

Re: Returning from Full Screen Mode [SOLVED] (5 replies, posted in Juicebox-Pro Support)

3,642 Reply by Steven @ Juicebox 2014-06-27 11:19:18

Re: nav-buttons hover text change [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,643 Reply by Steven @ Juicebox 2014-06-27 11:13:04

Re: Image width on embedded page. (5 replies, posted in Juicebox-Pro Support)

3,644 Reply by Steven @ Juicebox 2014-06-27 10:04:43

Re: Single Theme for Multiple Galleries (2 replies, posted in Juicebox-Pro Support)

3,645 Reply by Steven @ Juicebox 2014-06-26 21:23:33

Re: CSS font options (4 replies, posted in Juicebox-Pro Support)

3,646 Reply by Steven @ Juicebox 2014-06-26 20:35:11

Re: Image width on embedded page. (5 replies, posted in Juicebox-Pro Support)

3,647 Reply by Steven @ Juicebox 2014-06-26 19:26:52

Re: Multiple Juicebox on page - 2 issues [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,648 Reply by Steven @ Juicebox 2014-06-26 19:10:14

Re: Gallery not working on Windows based Chrome, Mac or Mobile (6 replies, posted in Juicebox-Lite Support)

3,649 Reply by Steven @ Juicebox 2014-06-26 18:52:28

Re: nav-buttons hover text change [SOLVED] (4 replies, posted in Juicebox-Pro Support)

3,650 Reply by Steven @ Juicebox 2014-06-26 11:06:44

Re: @font-face on the splash page (1 replies, posted in Juicebox-Pro Support)

Posts found: 3,626 to 3,650 of 5,863