@redwings
Please check you email. I have sent you a message.
Thank you.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
@redwings
Please check you email. I have sent you a message.
Thank you.
Though this seems like a lot of code to write in, where as the css method appears to be cleaner. So do I input this (.jb-area-large-mode-title) to the theme.css in the juice box.app folder or to another?
It does not matter where the CSS is located (e.g. in the <head> section of your gallery's 'index.html' page or in the 'theme.css' page) as long as it is loaded by the browser.
You could put both the @font-face {} block and the .jb-area-large-mode-title CSS rules in the <head> section of your gallery's 'index.html' page (within <style></style> tags) or just add them to the bottom of the 'theme.css' page.
Also, looking at this css code it brings up another question: Is it possible to have different gallery titles for the small (iPhone) version, and the large version.
No. Only one <title> and <caption> are able to be associated with each image and are used in both Small Screen and Large Screen modes.
Cause by using this method in the gallery title, when I view the gallery on the iPhone thumbnail version, the logo and the gallery title fall behind the thumbnails & are static, as one swipes through the pics
Perhaps you could get around this by either repositioning your Gallery Title (using the galleryTitlePosition option) or setting screenMode="LARGE" to force the gallery to be displayed in Large Screen Mode no matter what device the gallery is being displayed in. Also, you can change the stacking order of elements (to bring them to the front) by using the CSS z-index property.
PS. wanted to add that I'm not sure what jpeg encoder you use, but I've been noticing a slight colour shift (desaturation) and artifacting (pixelation) on export, when resized in program. Minor, but maybe something to check out.
You may like to try increasing the default quality (from 80 to something higher such as 90) when resizing images in JuiceboxBuilder-Pro (by selecting the 'Change...' button in the 'Image Size' control panel on the 'Images' tab).
Otherwise, you could deselect the 'Resize Images' checkbox, create your own images in an image manipulation program such as Photoshop and feed them to JuiceboxBuilder-Pro. The application will then simply copy your original images across to the output 'images' folder (without resizing them) and will use them in the gallery.
PPS. But to add, just want to say that this is a great product & can only get better.
Thank you. We are continuously trying to improve Juicebox by fixing bugs and adding new features with each new release.
The 'Customize' section is a tab in the interface for JuiceboxBuilder-Pro.
The interface for WP-Juicebox (the Juicebox plugin for WordPress) does not have individual settings for each Pro Option.
Instead, you enter Pro Options into the 'Pro Options' text area. Pro Options are added one per line in the following format:
optionName = "optionValue"... as documented in the Upgrading to Juicebox-Pro section at the bottom of the WP-Juicebox support page.
On mobile devices, Juicebox defaults to Small Screen Mode and, if the gallery is embedded in a web page alongside other content, displays a Splash Page which can then be clicked to open the gallery.
Please see the Screen Modes support section for further details.
If you wish the gallery to be displayed in place of the Splash Page on mobile devices, you can either set showSplashPage="NEVER" (to disable the Splash Page) or set screenMode="LARGE" (to force Large Screen Mode to be used).
If creating or editing your gallery with JuiceboxBuilder-Pro, the 'Show Splash Page' option can be found in the 'Customize -> Splash Page' section and the 'Screen Mode' option can be found in the 'Customize -> General' section.
Presumably it's the same for a Wordpress page as well as post? (they are different)
That is correct.
There is nothing special about the line:
<div id="juicebox-container"></div>It is a basic line of valid HTML which Komposer should accept.
However, I suspect that Komposer is trying to be helpful and removing the <div> because it is empty.
Try inserting some text into the <div>, for example a non-breaking space:
<div id="juicebox-container"> </div>Failing that, try some normal text such as:
<div id="juicebox-container">Juicebox Gallery</div>As soon as the page loads, the contents of the <div> are replaced by the gallery itself so the text will not be visible on your page.
It is not currently possible to display titles/captions when hovering over the thumbnails although being able to change the main image (and the corresponding title/caption) by hovering over the thumbnails is on the roadmap and will hopefully be implemented in a future version (though I do not know when this might be).
Thank you for reporting.
This is a known bug which has been addressed and will be fixed in the next version.
In the meantime, workarounds are either to set firstImageIndex="1" or (as you have discovered) enableLooping="FALSE".
WP-Juicebox supports only one gallery per post. This applies to both Juicebox-Lite and Juicebox-Pro.
When using the Media Library, images are attached to a post rather than an individual gallery within a post.
I also see a difference when I display your gallery in two tabs (IE7 and IE9) side by side in IETester.
It looks like the algorithm IE uses to resize/resample images on-the-fly has improved over the years and is just not as good in IE7 as it is in IE9 (or other current browsers).
As you have already tried changing the image-related options on the ''Internet Options -> Advanced' tab, the only solution might be try increasing the quality of the resized images from 80 (to perhaps 90 or higher) to see if this makes a difference.
Also, try feeding Juicebox your original images without resizing at all (by deselecting the 'Resize Images' checkbox before adding images to your gallery).
If your gallery is displaying images from a gallery you do not expect to see, then Juicebox must be reading that gallery's XML file.
By default, Juicebox will look for and use a file named 'config.xml' in the same directory as the HTML page containing the embedding code.
You can point Juicebox towards a different XML file (which may be named differently or be located in a different directory) by using the configUrl option.
Alternatively, you could upload a complete gallery folder (not just the contents) and use the baseUrl method of embedding.
Descriptions of both the configUrl and the baseUrl options can be found here.
The baseUrl method of embedding is documented as Option #1 here.
If you continue to experience difficulties, please post the URL to your web page so that I can take a look.
Plus for the wordpress plugin, it's not clear which options to use inside of the WP plugin.
Having each option on it's own line you can have multiple options is not mentioned.
It looks like you may have missed this section at the bottom of the WP-Juicebox page: http://www.juicebox.net/support/wp-juicebox/#pro
... where it states:
You can now enter Pro config options into the 'Pro Options' text area. Pro options are added one per line in the following format:
optionName = "optionValue"
There is also a link to the Configuration Options page where Pro Options are marked as such in the side menu and in the header of each section.
@threadpiece
Neither of your requests/questions can currently be achieved via the available configuration options so we shall note them as feature requests.
Can the colour of the circle be changed?
Perhaps the easiest way to achieve this would be to modify the 'jbcore/classic/img/assets.png' file in an image manipulation program such as Photoshop.
Can the position of these buttons be changed?
It should be possible to change the position of the main image navigation buttons by changing the CSS margins of the .jb-navigation .jbn-right-button and .jb-navigation .jbn-right-button classes in the 'jbcore/classic/theme.css' file.
Apologies if things were not as clear as they should have been.
Instructions on how to set Embed Code Options can be found here: http://www.juicebox.net/support/embeddi … -html-page
Instructions on how to set other Configuration Options can be found in the first subheading ('Embed Code Options') in this section: http://www.juicebox.net/support/embeddi … -html-page
I have changed the links on the Configuration Options page to point to the correct support sections.
OK, I gather this is a bug, but in the meantime is there any workaround via CSS?
Not that I am aware of. However, we are currently investigating this issue. Thank you for reporting it.
The 'Set Defaults' button in WP-Juicebox allows the user to set default values for the options which are then used to populate the input fields in the pop-up settings window when a new gallery is being created.
If you tend to use similar settings for all your galleries, this will prevent you from having to change the same settings each time you create a new gallery.
It will not apply these settings to any galleries which have already been created. These galleries will need to be edited individually to have their settings changed.
If you have uploaded your entire gallery folder to your web server as a self-contained entity, then you can use the baseURL option to point Juicebox towards it.
This method of embedding is documented as Option #1 in the Using an External Gallery Folder section of the 'Juicebox Embedding Guide'.
If your gallery folder is named 'xmasparty' and you have uploaded it to your 'styled-11/code/' directory (and the embedding code is in an HTML page which is also in the 'styled-11/code/' directory), then you should use the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="xmasparty/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
baseUrl : 'xmasparty/',
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->After sorting images by dragging-and-dropping them in the NextGEN interface, you will need to rebuild your Juicebox gallery's XML file to re-list the <image> tags in the new order. This can be done by either one of the following two methods.
(1) 'Edit' the post containing the gallery and click 'Update'.
... or:
(2) Go to the WP-Juicebox 'Manage Galleries' page, 'Edit' the gallery itself and click 'Save' (without changing any parameters).
1. On an iPad the thumbs are not completely visible and are cut off at the bottom.
This is due to your gallery being positioned below your page's header.
If you wish to have your header and gallery both fit in a browser window without any cropping (or the need for scroll bars), please see the support section entitled Using a Resizable Gallery with a Header.
2. On an iPhone the large image won't show. Once you click on a thumb the thumbs move to the bottom, leaving an empty black space where the large image should have been. This is reported back by some users, while it works fine on my iPhone 4.
I notice that your gallery uses Juicebox-Lite v1.1.0.
Please try upgrading your gallery to Juicebox-Lite v1.1.1 by following the instructions here.
Many bugs have been fixed since v1.1.0 (please see the Version History for details) and upgrading your gallery may fix the problem.
Is it possible to set different variable for stagePadding - for example 30px for bottom padding only?
No. The stagePadding option affects all edges of the gallery equally.
I do not know if this is possible by altering anything in the 'theme.css' file but I expect that there may well be unwanted knock-on issues if modifications were made in this regard.
What you could perhaps do is set captionPosition="BOTTOM" and set a maxCaptionHeight.
This would give space below the thumbnails (though it would also position the captions there, too).
I am using Wordpress plugin, with gallery in a post
Please note that these two configuration options (captionPosition and maxCaptionHeight) are Juicebox-Pro only.
If you are a Juicebox-Pro user, WP-Juicebox can be upgraded from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following the instructions on this page.
As far as I am aware, there is no user-controllable way to set the actual dimensions of the thumbnails in the Lightroom plugin.
However, as an addition to the bug report I previously logged, I have suggested that the thumbnails be resized so that the smallest dimension (width or height) is 85px (though I do not know if this is actually possible).
Try setting forceTouchMode="TRUE" in your gallery's XML file.
If using JuiceboxBuilder-Pro to create or edit your gallery, this option can be found in the 'Customize -> General' section.
I have just created a test gallery with Juicebox-Pro v1.1.1 using the following settings:
enableAutoPlay="TRUE"
autoPlayOnLoad="TRUE"
showAutoPlayStatus="FALSE"
... and I do not see an 'AutoPlay ON' message when the gallery is initially displayed.
If you are not using the current version of Juicebox-Pro (v1.1.1), try upgrading.
Please see the Upgrading Juicebox section of the support pages for details.
If this does not help, please post the URL to your gallery so that I can take a look.
Just a quick update to say that I have not forgotten about this one but as of yet, I have been unable to make it work in Chrome also.
A web search with terms such as 'Chrome border radius' brings up many pages to sift through but no suggestions I have tried have worked.
We may just have to wait for this to be implemented officially into a future version of Juicebox.
Your gallery's code look OK and you gallery displays OK in desktop browsers on my PC and on my iPod Touch 4 iOS 5.1.1.
For a gallery that does not display, I would normally recommend ensuring that JavaScript is enabled in your browser and that you have cleared your browser's cache. However, if you have been able to previously view galleries, then JavaScript must have been enabled (at least whilst viewing the galleries) and if a browser was hanging onto and using an older version of your gallery's XML file, you may see an empty gallery (with a perpetual spinner and no images) but not a completely white screen.
Make sure that you view the gallery over a wi-fi connection and not 3G as some 3G providers use content modification which is known to break web sites which make extensive use of JavaScript (such as Juicebox galleries).
Please see this FAQ for details:
Why can't I view my gallery on a 3G mobile connection?
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.