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".
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
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?
As Felix said:
You can add galleries to the new website domain once you have deleted all galleries from the original domain.
You do not need to assign a license to a domain.
As long as you have Juicebox-Pro galleries on only one domain at any one time, you will not be in breach of the license agreement.
I tested the code before I posted it and it works in Firefox 14.0.1, IE9, Safari 5.1.7, Chrome 21 and Opera 12 on my PC.
I just inserted the code at the bottom of the 'jbcore/classic/theme.css' file.
The border radius is applied to both the thumbnail image and the thumbnail border.
Try again and clear your browser's cache before reloading the gallery.
If this does not help, perhaps the platform (PC vs Mac) or version of Chrome that you are using are contributing factors.
Sorry for the misunderstanding. This is also on the roadmap.
In the meantime, try adding the following to your gallery's CSS:
.jb-idx-thb-frame, .jb-idx-thumb img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
It is currently not possible to change the thumbnail border width. This value is set in the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.
However, the ability to set this parameter via a configuration option (rather than via modification of CSS or JavaScript) is on the roadmap and will hopefully be included in a future version (though I do not know exactly when this might be).
I would recommend reducing the filesize of your images. The dimensions are OK (approximately 1024 x 768) but you could reduce the quality setting ('Output Settings -> JPG Quality') to bring the filesize down to somewhere between 100KB and 200KB.
As an example of a reasonable compromise between size and quality, the default settings of JuiceboxBuilder-Pro resize my original 4416 x 3312 10MB files into 1024 x 768 files of approximately 85KB each which are suitable for web gallery use.
Juicebox will then be able to load your images significantly quicker.
You may also like to change the imagePreloading option which determines how images are preloaded. Possible values for this options are PAGE, NEXT, ALL and NONE.
JuiceboxBuilder-Pro can open local galleries only (i.e. those on your hard drive).
The application is not able to open galleries which reside on a web server.
Can you help me understand the workflow please?
The following workflow would work:
(1) Create a Juicebox gallery using the Lightroom plugin by clicking the 'Export' button to save the gallery to your hard drive.
(2) Open the gallery in JuiceboxBuilder-Pro and edit as necessary, re-saving the gallery on the 'Publish' tab when finished.
(3) Upload the gallery folder to your web server via FTP.
If you do wish to edit a gallery which has been uploaded to a web server, you could use svManager.
This is a PHP web application which allows you to create, import and edit galleries online via a web browser interface.
All Juicebox-Pro configuration options are customizable via svManager's interface.
If you are interested, you can try out the online demo version of svManager here.
Change:
<script src="gameart/jbcore/js/juicebox.js"></script>
... to:
<script src="gameart/jbcore/juicebox.js"></script>
The 'juicebox'js' file is not located in a folder named 'js' within the 'jbcore' folder.
This was an error in the code provided in the Juicebox - Embedding Guide which I have now fixed. Sorry for the inconvenience.
If you wish to embed multiple galleries on the same HTML page, you will need to embed each gallery into a <div> with a unique 'id'.
For example:
<script src="gameart/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container1",
baseUrl : 'gameart/',
galleryWidth: "800",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container1"></div>
<script>
new juicebox({
containerId : "juicebox-container2",
baseUrl : 'gameenv/',
galleryWidth: "800",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container2"></div>
(It is necessary to load the 'juicebox.js' file only once on your page.)
Also, your current http://koheiart.com/index.html page contains only the embedding code for a single gallery (with a closing </html> tag at the end) and is not a complete web page. It should contain a Doctype Declaration at the top and should have <html>, <head> and <body> tags. Please see the example here for details. (The embedding code should go between the <body> </body> tags.)
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.