You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
I'm glad to hear that deselecting the 'Resize Images' checkbox is a suitable workaround for you.
Your original point (the inability to set the resize quality to 100%) has now been logged as an issue and hopefully it will be addressed in a future version.
Well, I tried Top. But, on Ipad Air, when I hide thumbnails, the image is a little enlarged with a little less quality.
With Overlay, when I hide thumnails, image is the same and just a little go bottom. Perfect!
No problem with a PC.
It sounds like the problem might be due to images being scaled to different degrees in different browser viewport sizes and aspect ratios.
If you currently use imageScaleMode="SCALE", which scales down large images if necessary and also scales up small images (which can reduce their visual quality), then I would recommend that you use larger source images in your gallery so that images do not need to be scaled up. In addition to this, you could set imageScaleMode="SCALE_DOWN" (the default value) which would ensure that small images are never scaled up.
I hope this helps.
If you'd like me to take a look to see if I can help further, then please post the URL to your gallery's web page.
If you are not currently using a gallery layout which exhibits the problem, then perhaps you could upload a couple of screenshots somewhere so that I can at least see what you are seeing.
Of course, if you are happy with the current situation, that's absolutely fine.
You're welcome!
Clicking the Info Button toggles all content on the overlay (except for the Button Bar itself) including the Back Button if backButtonPosition="OVERLAY".
If you do not want the Back Button to be toggled on and off when the Info Button is clicked, then try setting backButtonPosition="TOP" instead. You could also set buttonBarPosition="TOP" to keep the Back Button and Button Bar on the same level.
Reference links:
Button Bar: https://www.juicebox.net/support/config … ar-options
Back Button: https://www.juicebox.net/support/config … on-options
If the code you posted is all on a single page, then the problem is likely to be that the 'juicebox.js' file is being loaded twice.
The 'juicebox.js' file should be loaded only once per page rather than once per gallery.
If you load the JavaScript file multiple times, you can run into problems (especially if there are two different versions of the file being loaded).
Load only one instance of the 'juicebox.js' file (ideally the latest version) per page and things should hopefully work fine.
In addition, I had to manually set "OVERLAY_IMAGE" for the caption in the config xml file because it just wasn't applying through the app for some reason.
The default value for captionPosition is 'OVERLAY_IMAGE'. (This is noted in the Caption Options section of the Config Options page.)
Default values are not written to the 'config.xml' file.
If a configuration option is not explicitly listed in the gallery's XML file, then Juicebox-Pro will use its default value.
This is why you will not see captionPosition="OVERLAY_IMAGE" in your gallery's 'config.xml' file.
(If you manually enter captionPosition="OVERLAY_IMAGE" into your gallery's 'config.xml' file, it will have the same effect as omitting this configuration option entirely.)
I have notified the developers of this but you might like to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.
However, there should be very little visual difference between an image processed at 99% quality and the same image processed at 100% quality.
Also, I find that the law of diminishing returns usually kicks in somewhere around 90% when file size starts to rise considerably with little noticeable increase in visual quality.
JuiceboxBuilder-Pro's default value of 80% is usually a good compromise between file size and visual quality (although it will certainly depend on the images being compressed).
You could choose to resize your images in an imaging program (such as Adobe Photoshop) prior to using JuiceboxBuilder-Pro and deselect the 'Resize Images' checkbox on JuiceboxBuilder-Pro's 'Images' tab.
JuiceboxBuilder-Pro will then copy the source images across to the gallery's 'images' folder without resizing them at all.
You're welcome!
The changelog refers to a certain issue when using captionPosition="OVERLAY_IMAGE" whereby the width of the caption area did not match the width of the main image. (They should both be the same.)
The bugfix does not affect the caption area when using captionPosition="OVERLAY" (the default value) as you do in your gallery.
If you were to update your gallery to v1.5.0, there should be no change to your gallery's caption area.
I hope this puts your mind at ease.
Make sure that your linkURL is an absolute path, for example http://www.example.com/folder/file.html.
If your linkURL does not start with http:// or https:// then it will be treated as a relative path (relative to the page containing the gallery's embedding code).
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.
Yes. Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and when a main image is clicked, the corresponding linkURL will be opened in the linkTarget window.
You can specify a unique linkURL and linkTarget for each image on JuiceboxBuilder-Pro's 'Images' tab.
Just click a thumbnail and the linkURL and linkTarget input boxes will be visible below the thumbnails.
I notice that the user agent string for the Nexus 7 contains the term "Safari" rather than "Mobile Safari".
This might have a bearing on Juicebox's decision as to which Screen Mode to use.
Regardless, when screenMode="AUTO", Juicebox seems to use Large Screen Mode by default for both the Nexus 7 v1 and Nexus 7 v2 and this cannot be changed easily.
It is not possible to change Juicebox's internal logic which determines which Screen Mode is to be used.
The code which handles the detection of devices is buried within the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified.
You could certainly override Juicebox's own detection routine and create your own JavaScript function to determine which Screen Mode to use (setting screenMode to either 'LARGE' or 'SMALL' accordingly). However, there are many factors to consider (e.g. user agent strings, screen dimensions, pixel density) and this might turn out to be quite a complex task. Allowing Juicebox to decide (by setting screenMode="AUTO") is usually the best (and certainly the easiest) thing to do.
If you don't like how Juicebox handles a certain device, then making an exception for it (as I noted above) might be the next best thing. Juicebox would still use its own detection routine for all other devices.
Please note that this is only possible with Juicebox-Pro. The screenMode configuration option is a Pro option which is not supported by Juicebox-Lite (which always uses the default value of 'AUTO').
... was hoping there would have been a setting in JB.
Unfortunately not. However, please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.
... thanks again.
You're welcome!
Now that I have the title and captions working, is there a way to increase the font size?
You can change the font size of an image title or caption using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?
If you wanted to change the font size of all captions in a gallery, then you could add CSS such as the following to the <head> section of your web page:
<style type="text/css">
/* IMAGE TITLE */
.jb-caption .jb-caption-title {
font-size: 24px !important;
}
/* IMAGE CAPTION */
.jb-caption .jb-caption-desc {
font-size: 24px !important;
}
/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
font-size: 24px !important;
}
</style>You can use either of the techniques above to apply other CSS properties to the image titles and captions, too.
If you are using JuiceboxBuilder-Pro (the standalone desktop application to create and edit galleries which comes with Juicebox-Pro), click a thumbnail on the images tab and you'll see individual input boxes (below the thumbnails) where you can enter an image title and caption. You can enter a different title and caption for each image.
If you are using the Lightroom plugin, perhaps the easiest way to enter individual image titles and captions would be add the text as metadata and then have the plugin extract it for use in the gallery. This can all be done within Lightroom.
In the Library section, select an image and scroll down to the Metadata section on the right. Now enter an image title in the Title box and a caption in the Caption box.
When you then go to the Web section and select Juicebox-Pro as the Layout Style, the plugin will automatically use the Title and Caption by default for each image in the gallery (although you can extract whatever metadata you like for use as the image titles and captions by editing the Title and Caption templates in the plugin's Image Info section.)
You can leave the metadata in place for just the duration of creating the gallery or you can save it to your source images.
If you do this, the image titles and captions will be embedded within the images themselves and can be extracted for use in future galleries (using either JuiceboxBuilder-Pro or the Lightroom plugin).
The ability to create a Multi-Size Image gallery is a feature of JuiceboxBuilder-Pro only (the desktop application to create and edit galleries which comes with Juicebox-Pro).
Juicebox-Pro supports Multi-Size Image galleries but only JuiceboxBuilder-Pro can create a Multi-Size Image gallery automatically.
Unfortunately, the Juicebox plugin for Lightroom does not have the ability to export multiple different image sizes at once.
(None of the available plugins support the creation of Mutli-Size Image galleries. This functionality is unique to JuiceboxBuilder-Pro.)
For reference (and any other users reading this thread), the Multi-Size Image support section can be found here.
I am glad that you've been able to resolve your problem.
Thank you for letting me know and for sharing your workflow.
Hopefully it will help other users who are experiencing a similar issue.
Is there a specific place I can find more details on the PRO configurations...
Yes. There is a short description for each Pro option on the Config Options page: https://www.juicebox.net/support/config_options/
... i see text that says "3 images VIEW GALLERY".
What you are describing is the Splash Page.
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window).
When the user clicks/taps the Splash Page, the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.
You can choose to not use the Splash Page by setting showSplashPage="NEVER".
Alternatively, you can force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE".
If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.
... when using a mobile device via the inspector...
A browser's developer tools can be very useful but they are not always the most accurate way to emulate a mobile device and determine how a gallery will look on such a device. (Just something to bear in mind when testing your page's layout.)
there is a huge height gap under the main image which pushes the other content below it all the way down the page.
Please see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?
... if I set the width to 100% and the height to 100%...
Please see this note regarding Using Percentage Heights.
So I'm finding that if I set the width to 100% and the height to 100%, when on mobile, the image is width enough to fit well, but the height is huge on a mobile device.
When setting a percentage height, make sure that all parent containers of your gallery have heights set via CSS. Otherwise, Juicebox may not be able to determine what its actual height should be. For example, if you set a gallery height of 100%, Juicebox needs to know what its height should be 100% of. In a CMS environment (such as Drupal) where you may have little or no control over the containers that the gallery is nested within, it might be wise to use a fixed pixel height (such as '600px') instead of a percentage to avoid problems that can arise when using a percentage.
If your current theme does not already so so, you could try scaling your web page for mobile devices but adding the following tag to the head section of your web page. This might help.
<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />... when I added the autoplay on, it starts with autoplay but if i click on a thumbnail, autoplay gets turned off of course, but there is no way to turn it back on is there?
Set showAutoPlayButton="TRUE" and the AutoPlay Button will de displayed in the Button Bar and the user can click/tap this to toggle AutoPlay on and off.
I hope this information helps.
@user222
When a Juicebox gallery is closed from the expanded state, the gallery will display the last image displayed when it was expanded as long as the gallery was not expanded in a new page, ie. as long as expandInNewPage="FALSE" or expandInNewPage="AUTO" and the gallery is not displayed on an iOS device (please see the Expand Gallery Bahavior support section for details).
When the gallery is expanded in a new page (expandInNewPage="TRUE" or expandInNewPage="AUTO" and iOS), then when the gallery is closed, Juicebox calls history.back() to close the expanded gallery page and return to the original page (with the unexpanded gallery). This JavaScript call is the same as clicking the browser's 'back' button. Unfortunately, there is little we can do to control what happens when a browser's 'back' button is clicked (and different browsers can behave differently).
Take a look at this demo gallery in a desktop browser.
Expand the gallery, advance a few images and close the gallery. The closed gallery should continue with the last image that was displayed in expanded mode.
If you set expandInNewPage="FALSE", you should see the behavior you are looking for.
Alternatively, you should be able to keep expandInNewPage="AUTO" but also lock your page's viewport (as noted in the first link above) for iOS devices.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.