Juicebox v1.5.1 Released!

2015-10-12 11:30:02

I see the problem in your own gallery but I have been unable to replicate it in a test gallery of my own using, reproducing your gallery as closely as possible (using the same configuration options that your gallery uses and using image captions with links).

The main difference between your own setup and mine is the web server the galleries are hosted on.
This problem may be related to server-side caching.
If caching is disabled on your web server, then Juicebox will have to download the images every time it needs them (as it will not be able to request them from a cache) and this may be causing the problem.
If you have an Apache web server and have a .htaccess file with an entry such as the following (to disable caching), then please try removing it to see if it helps.

Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"

Otherwise, please check with your web host to see if caching is enabled on your hosting account (and if not, ask if they could enable it).

Be sure to clear your browser's cache after making any changes and before reloading your gallery's web page.

Hopefully this will help.

2015-10-12 10:13:17

Us the link to download the latest version of Juicebox-Pro and you can then install the latest version of Juicebox-Pro on your laptop following the 'Installation' instructions in the JuiceboxBuilder User Guide.

You should be able to install the new version of JuiceboxBuilder-Pro on top your existing version but if you run into any problems, just uninstall your existing version first.

Further details on how to download the latest version and how to upgrade existing galleries can be found on the Upgrading Juicebox support page.

2015-10-12 10:08:47

I'll try asking the support team from the Hover plugin

OK. They should certainly be able to point you in the right direction.

2015-10-11 12:17:45

I would recommend using the baseUrl method of embedding as documented here.
This allows you to upload your complete gallery folder (not just the contents) to your web server. Keeping all the gallery files together inside the gallery folder should help to keep things organized.
It does not matter where on your web server you upload your gallery folder to as long as the two paths in the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

For example, if your gallery folder is named 'my_gallery_folder' and you upload the complete gallery folder to your web space's root directory, then you could use the following embedding code in any web page within your site to display your gallery (changing the dimensions and background color as required).

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

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

Please also see the note regarding 'Embedding Using Dreamweaver' here.

2015-10-11 12:09:21

The problem might be finding the correct element(s) to apply a high enough z-index to.
However, once you find them, you might need to use a z-index value higher than 9999. (Juicebox uses z-index: 9999; for the #jb-glry-dlg container in the 'jbcore/classic/theme.css' file).
Whatever ids or classes you were setting the z-index to 9999 on, try using a higher value to see it this helps.
Otherwise, whatever plugin you are using to display your hidden images, try contacting their support and ask how to increase the z-index value. They should know which elements/classes within their script the z-index value should be applied to.

2015-10-11 10:58:45

You're welcome!
I'm glad that upgrading your gallery was all that was required.
Thank you for letting me know.

2015-10-10 10:48:03

When a gallery is expanded (for example from the Splash Page on a mobile device), the gallery always fills the viewport.
It is not possible for a gallery to expand and retain features of the embedding page.
However, you can choose not to use the Splash Page and, instead, display the gallery directly in your web page (on the same page as your navigation menu where the Splash Page currently is) by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you could set screenMode="LARGE" ('Customize -> General') to force the gallery to be displayed in Large Screen Mode on all devices and in all browsers. Large Screen Mode does not use the Splash Page by default (unlike Small Screen Mode).
For more information on screen modes and how Juicebox adapts to different devices and screen sizes, please see here.

2015-10-10 10:42:22

I have just viewed both of your web pages and both galleries expand fine in Mobile Chrome and Mobile Safari on my own iOS device.

I notice that the gallery that you are having problems with is Juicebox v1.4.2 whereas the gallery that works OK for you is Juicebox v1.4.4.1.
Try upgrading the v1.4.2 gallery to v1.4.4.1 (instructions can be found here). Many bugs have been fixed since v1.4.2. Please see the Version History for details.
Hopefully this will solve your problem.

Be sure to clear your browser's cache after upgrading and if it still does not help, please let me know what device and browser you see the problem in (including operating system and version numbers) and also whether or not you see the problem in any of our own demo galleries. Thank you.

2015-10-05 18:56:50

When I click yes, the first file is overwritten by the second.

In order to avoid the possibility of galleries being overwritten, I recommend that you save each gallery to a different folder. This keeps all galleries separate from each other and helps to keep things organized.
If you like, you can create a new empty folder for each gallery (maybe on your desktop) before building your gallery with JuiceboxBuilder-Pro. Then, on the 'Publish' tab, navigate towards this folder (via the 'Browse...' button) before saving your gallery inside it.

If you have all your galleries saved into individual folders, you can then upload the complete gallery folders (not just the contents) to your web server and embed the galleries into your web pages using the baseUrl method documented here.

Second issue, when I open Juicebox Pro and go to "open gallery" nothing happens.

When you click 'Open Gallery' you then need to navigate towards the gallery folder that you want to open. Highlight the gallery folder (do not go inside it and select a file) and click 'Select Folder'.
If you do not get a pop up 'Select Gallery Folder...' window when you click 'Open Gallery', then close JuiceboxBuilder-Pro and delete the following folder manually before re-opening the application and trying again. This should hopefully help.
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro

2015-10-05 18:42:55

Please post the URL to your gallery so that I can take a look at the problem for myself.
It might just be a temporary glitch with the Flickr servers. You can check their current server status here: https://www.flickr.com/help/test/
However, once I am able to see your gallery (and the Flickr settings your gallery uses), I should hopefully be able to tell more.

2015-10-04 10:37:58

I'm glad you've been able to solve your problem.
Thanks for letting me know.

2015-10-04 10:37:29

Your gallery's image title and caption text colors are being overwritten by the following code in your 'style.css' page.

P
    {
    font-family:Arial, Helvetica, Verdana;
    font-size:14px;
    color:#3D4966
    }

This code sets the color for all text within all <p> tags within your web page, including those within your gallery.
(A gallery's image title and caption text is displayed within <p> tags.)

Solutions would be to modify the Juicebox CSS (as you have done in the gallery's 'theme.css' file) or to apply your custom CSS rules to only those elements on your web page which require them through use of CSS selectors.
For example:

p.custom {
    font-family: Arial, Helvetica, Verdana;
    font-size: 14px;
    color: #3D4966;
}

<p class="custom">This text will have the 'p.custom' CSS rules applied to it.</p>

2015-10-03 09:36:04

You're welcome.

2015-10-02 10:27:58

Although the captions looked normal (white) on the Juicebox browser, after uploading , I saw that they were the background colour of the page (dark violet) and unreadable on the web.

It sounds like you web page might be using global CSS rules which the gallery is inheriting (and which are overriding the gallery's own CSS). Please check to see if this is the case and, if it is, use more specifically-targeted CSS (using ids or classes) to apply your custom CSS rules to only those elements on your web page which require them.
If you'd like me to take a look, please revert the change you made to the 'theme.css' file (so that I can see the problem) and post the URL to your gallery's web page.
If you don't want to revert the changes to your live web site, perhaps you could copy the page, revert the changes in the copy and post the URL to the copy instead.

2015-10-02 10:21:58

If you want to save a specific combination of settings, you will need to create a template.
With the settings as you want to save them, click the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.

2015-10-02 10:20:13

As of v1.4.4.1, Juicebox-Pro now features the following shadow-related configuration options so manually modifying CSS code should no longer be required: imageShadowColor, textShadowColor, thumbShadowColor, imageShadowBlur, thumbShadowBlur

Short descriptions of each configuration option can be found in the Config Options page.

2015-09-30 20:54:44

If you want to save a specific combination of settings, you will need to create a template.
With the settings as you want to save them, click the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.

2015-09-30 09:34:54

You can set the captionBackColor and captionBackTopColor separately (both in JuiceboxBuilder-Pro's 'Customize -> Color' section).
The opacity for each is on a scale from 0 to 1 (0 being fully transparent and 1 being fully opaque).

Unfortunately, the browser within JuiceboxBuilder-Pro does not support CSS3 gradients so the captionBackTopColor will not be rendered in the live preview window (and only the captionBackColor will be visible).
However, it should look fine in all modern browsers so go to 'Gallery -> Preview...' from the drop-down menu at the top and the gallery should be displayed in your system's default browser.
Here is a list of browsers which support CSS3 gradients: http://caniuse.com/#feat=css-gradients

If you have a gallery where this does not seem to be working, please post the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further. Also, please let me know what browser(s) you see the problem in. Thank you.

2015-09-30 09:25:42

It looks like the white line you refer to is visible in desktop browsers, too.
There is a horizontal scroll bar on your web page and if you scroll to the right, you should see the white line.
It seems to be spanning the whole content of your page rather than just your gallery so I don't think the gallery is the root of the problem.

I'm pretty sure it wasn't there until I did the recent 1.4.4 update

You could test this theory by reverting to whatever version you used before the update. I don't think it will help but it might eliminate (or point towards) Juicebox v1.4.4 being a possible cause.
Also, you could temporarily replace the gallery with just a plain empty <div> with the same dimensions that your gallery would have to see if the gallery has any effect or not.

Being that the white line is visible in desktop browsers, it might be a little easier to troubleshoot using your browser's developer tools.

I notice that if you prevent the 'bootstrap.min.css' file from being loaded, the horizontal scrollbar goes away and the thick white line to the right of the content is spit evenly into two thin white lines to the left and right of the content.

I think the layout of your page is somehow the root of your problem but, unfortunately, there is a large amount of CSS on your page (in several external files) and pinpointing the exact cause of the problem might be difficult (although I'd start be searching through your CSS looking for margin and padding rules).
I hope this at least points you in the right direction.

With regard to the meta viewport tag, the version of the tag in our blog entry is required only for full-browser gallery pages (where the gallery has dimensions of 100% x 100% and is the only content on the page). As your gallery is embedded in your web page alongside other content, this tag is not required and you can just keep your existing tag.
As the long tag contains all the 'content' that your existing tag uses, you could just replace your existing tag with the long version (if you were to use it).

2015-09-29 22:57:01

You're welcome.
I'm glad it works for you. Thank you for letting me know.

2015-09-29 22:52:18

It is not possible to right-click and save an image in a Juicebox gallery but you can set showOpenButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) to display the Open Image button in the gallery's Button Bar.
When the Open Image button is clicked, the current image will be opened in a new tab where the user can save the image via a right-click or the browser's file menu.
This is noted in this FAQ:
How do I allow or prevent users from saving gallery images?

The Open Image button can be seen in this demo gallery.

2015-09-29 09:35:24

If you want your header logo to be scaled smaller in narrow viewports, try adding something like the following to your '_themes/boma/css/custom.css' file:

@media only screen and (max-width: 768px) {
    .hgroup img {
        max-width: 80%;
    }
}

Hopefully this will help.

2015-09-28 18:04:56

Thanks for the update.
Always happy to hear that a problem no longer exists!

2015-09-28 18:03:49

You're welcome.

2015-09-28 09:28:43

The 220px size for the logo is the maximum scaled size in desktop view (in a wide browser window), determined by a percentage of the page width.
Try uploading a larger resolution image for your logo and it should be scaled larger in narrow viewports.

Juicebox v1.5.1 Released!

Search options (Page 101 of 235)

Posts found: 2,501 to 2,525 of 5,863

2,501 Reply by Steven @ Juicebox 2015-10-12 11:30:02

Re: Images flash on iOS [SOLVED] (7 replies, posted in Juicebox-Pro Support)

2,502 Reply by Steven @ Juicebox 2015-10-12 10:13:17

Re: updating current version (1 replies, posted in Juicebox-Pro Support)

2,503 Reply by Steven @ Juicebox 2015-10-12 10:08:47

Re: Captions show over hover pictures [SOLVED] (12 replies, posted in Juicebox-Pro Support)

2,504 Reply by Steven @ Juicebox 2015-10-11 12:17:45

Re: getting started (1 replies, posted in Juicebox-Pro Support)

2,505 Reply by Steven @ Juicebox 2015-10-11 12:09:21

Re: Captions show over hover pictures [SOLVED] (12 replies, posted in Juicebox-Pro Support)

2,506 Reply by Steven @ Juicebox 2015-10-11 10:58:45

Re: Full screen Issues on mobile [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,507 Reply by Steven @ Juicebox 2015-10-10 10:48:03

Re: keeping website nav on mobile (1 replies, posted in Juicebox-Pro Support)

2,508 Reply by Steven @ Juicebox 2015-10-10 10:42:22

Re: Full screen Issues on mobile [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,509 Reply by Steven @ Juicebox 2015-10-05 18:56:50

Re: Photo Gallery Overwrites Previous Photo Gallery (1 replies, posted in Juicebox-Pro Support)

2,510 Reply by Steven @ Juicebox 2015-10-05 18:42:55

Re: Flickr Images not showing (1 replies, posted in Juicebox-Lite Support)

2,511 Reply by Steven @ Juicebox 2015-10-04 10:37:58

Re: White line showing up on right of mobile gallery (iPhone 6+) [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,512 Reply by Steven @ Juicebox 2015-10-04 10:37:29

Re: Caption colours (4 replies, posted in Juicebox-Pro Support)

2,513 Reply by Steven @ Juicebox 2015-10-03 09:36:04

Re: Save JuiceBox Pro presets? [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,514 Reply by Steven @ Juicebox 2015-10-02 10:27:58

Re: Caption colours (4 replies, posted in Juicebox-Pro Support)

2,515 Reply by Steven @ Juicebox 2015-10-02 10:21:58

Re: Save JuiceBox Pro presets? [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,516 Reply by Steven @ Juicebox 2015-10-02 10:20:13

Re: Shadow around the pics [SOLVED] (17 replies, posted in Juicebox-Pro Support)

2,517 Reply by Steven @ Juicebox 2015-09-30 20:54:44

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

2,518 Reply by Steven @ Juicebox 2015-09-30 09:34:54

Re: New caption transparency... (1 replies, posted in Juicebox-Pro Support)

2,519 Reply by Steven @ Juicebox 2015-09-30 09:25:42

Re: White line showing up on right of mobile gallery (iPhone 6+) [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,520 Reply by Steven @ Juicebox 2015-09-29 22:57:01

Re: Showkase header logo [SOLVED] (8 replies, posted in Juicebox-Pro Support)

2,521 Reply by Steven @ Juicebox 2015-09-29 22:52:18

Re: Right Click Save As functionality needed. (3 replies, posted in Juicebox-Pro Support)

2,522 Reply by Steven @ Juicebox 2015-09-29 09:35:24

Re: Showkase header logo [SOLVED] (8 replies, posted in Juicebox-Pro Support)

2,523 Reply by Steven @ Juicebox 2015-09-28 18:04:56

Re: Firefox hangs when opening gallery (3 replies, posted in Juicebox-Lite Support)

2,524 Reply by Steven @ Juicebox 2015-09-28 18:03:49

Re: Juicebox 1.4.4.2 (5 replies, posted in Juicebox-Pro Support)

2,525 Reply by Steven @ Juicebox 2015-09-28 09:28:43

Re: Showkase header logo [SOLVED] (8 replies, posted in Juicebox-Pro Support)

Posts found: 2,501 to 2,525 of 5,863