Use:
backButtonUrl="http://www.grantsymon.com/juiceboxgallery/index.html"
If the backButtonUrl does not start with 'http://', then it will be treated as a relative path (relative to the HTML page containing the gallery's embedding code).
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Use:
backButtonUrl="http://www.grantsymon.com/juiceboxgallery/index.html"
If the backButtonUrl does not start with 'http://', then it will be treated as a relative path (relative to the HTML page containing the gallery's embedding code).
So far, I have been able to replicate the problem that you have reported only in Firefox 21 and Safari 5.1.7 locally (when viewing the gallery from my computer's hard drive) when using imageTransitionType="CROSS_FADE" in conjunction with either showImageOverlay="NEVER" or showOverlayOnLoad="FALSE".
My test gallery functions correctly in IE10 locally and in all browsers when the gallery has been uploaded to a web server.
Please post the URL to your gallery online so that I can take a look and investigate further. Thank you.
You will need to increase the 'z-index' values of your drop-down menu components to ensure that the drop-down menu is stacked on top of all the Juicebox gallery elements.
Edit your 'main-styles.css' file in a plain text editor and change all instances of z-index: 100; to z-index: 999; (there are 13 instances).
We are aware of certain problems with the Facebook thumbnail not being displayed and are currently investigating solutions.
For example, currently, images exported from Adobe Lightroom do not generate a Facebook thumbnail.
Also, Facebook itself requires that the main image fulfills certain conditions. The main image must be at least 50px x 50px, have a maximum aspect ratio of 3:1 and have a maximum file size of 5MB.
As long as your main images are not generated by Adobe Lightroom and they fulfill Facebook's own conditions, you are giving your images the best chance of currently having thumbnails generated for them.
no images were displayed when I hit the share button with any of them.
As far as I am aware, the known problem is with Facebook thumbnails only (not any of the other social sharing options).
Please post the URL to your gallery so that I can take a look and investigate further.
Your gallery uses showImageOverlay="NEVER" and, by default, captionPosition is set to OVERLAY.
Either change showImageOverlay to AUTO or ALWAYS or change the value for captionPosition so it not OVERLAY, OVERLAY_IMAGE or NONE.
Please see here for possible values for the captionPosition configuration option.
Here a few things to check...
Make sure that you are using the most recent version of JuiceboxBuilder-Pro (v1.3.2). If necessary, please see the Upgrading Juicebox page for instructions on how to get the latest version and how to upgrade JuiceboxBuilder-Pro.
Make sure that your image filenames use only web-safe characters (uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde) and not other characters such as commas or apostrophes.
If you use a Mac and the problem you reported happens when opening an existing gallery to edit it, then make sure that the permissions on the gallery folder (and the 'images' and 'thumbs' folders) are not too restrictive. (This may not apply to your own scenario but may help other users reading this thread.)
Thank you for reporting.
The developers are aware of this but, at the moment, I do not have any news regarding the integration of Fotomoto within Juicebox-Pro.
You should be fine if you follow the embedding instructions here.
There is a note for Dreamweaver users here.
1. Must i create a div tag first in the td?
No. There is already a <div> for the gallery within the embedding code (which you will copy and paste into your page).
2. Must i paste the code generated by juicebox in that div tag then?
Paste the entire embedding code provided by JuiceboxBuilder-Pro into your HTML page where you want to the gallery to appear.
3. Must i insert the index page of the gallery somewhere?
Following the instructions in the link above, you should copy the entire contents of your Juicebox gallery folder into the folder that contains your HTML page.
If you are worried about any conflicting file names (for example if you already have a page named 'index.html' which would clash with the gallery's own 'index.html' page), then you could use the baseURL method of embedding as documented here.
This would allow you to keep your gallery as a self-contained entity with all the gallery files stored inside the gallery folder.
You would then upload the complete gallery folder to your web server (rather than just the contents), thereby avoiding the chance of any filename conflicts.
is it possible to navigate in a thumbnails row with mouseover on the last thumbnail in that row to show the next thumbnails,
instead of using the next arrow ?
No. A mouse click on a thumbnail navigation arrow (or a tap on the screen of a mobile device) is required to change thumbnail pages (to display the previous or next batch of thumbnails).
is it possible to change the speed of the next thumbnails slip in ?
No.
This is likely to be due to the layout of your web page (rather than gallery configuration options).
If expressing your gallery's width as a percentage, check the width of all the parent containers of the gallery on your web page and make sure that they have all explicitly been given widths via CSS.
Otherwise, try expressing your gallery's width as a fixed pixel value instead to see if this makes a difference.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
When I try to access your web pages on a mobile device (in both Mobile Safari and Chrome), I get an error 404 (file not found) page. (This appears to be a problem with your web server rather than with Juicebox itself.)
Check your .htaccess file (if you use one) on your web server to see if there are any mobile rules in it which may be causing this issue.
Otherwise, please check with your web host to see if they can determine why your pages result in an error 404 page when viewed on mobile devices.
(If the problem was with the permissions on your gallery folder, this should be consistent across all browsers, resulting in an error 403 and/or 404.)
When I "publish", chosing the webfolder, JB overwrites the existing "image" folder,- how to avoid this?
This cannot be avoided and is by design. It ensures that the 'images' folder is always up-to-date and contains the correct images for the gallery (for example if images are added or removed from a gallery or if images are resized or if a watermark is added or removed).
There is already an "index.htm" in the root structure,- so both the original index.htm and the JB should be in the root???
If you have existing files on your web site that have the same filenames as those in your gallery, then I would recommend embedding your gallery using the baseUrl method as documented here.
It allows you to keep your gallery as a self-contained entity with all the gallery files stored inside the gallery folder.
You would then upload the complete gallery folder to your web server (rather than just the contents), thereby avoiding the chance of any filename conflicts.
And the image folder: are the JP images supposed to sit inside the existing image folder?
Just upload your complete gallery folder (not just the contents) exactly as it has been generated by JuiceboxBuilder-Pro and follow the baseUrl embedding instructions.
@pinamac
It cannot be that a absolute path for the back button (on iPhones) is needed to function proper.
This bug was fixed in v1.3.2. Please see the Version History for a full list of changes and the Upgrading Juicebox page for details on how to get the latest version.
FIXED - Relative backButtonUrl fails with expandInNewPage="TRUE"
Either method will work equally well and will give you the same end result.
You can edit your gallery's 'config.xml' file in a plain text editor and add configuration options as attributes to the opening <juiceboxgallery> tag (as documented here) or open, edit and save your gallery using JuiceboxBuilder-Pro.
You can disable the Splash Page by setting showSplashPage="NEVER".
Alternatively, you could force Juicebox to display your gallery in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".
When using the Lightroom plugin, thumbnails are created with maximum bounds of 128px x 128px. The thumbnails themselves are not cropped. The larger of the two sides will be 128px and the other side will be scaled appropriately in order to maintain the correct aspect ratio of the image.
The problem occurs when the thumbnails are displayed in the gallery as Juicebox crops rather than scales them to fit the thumbWidth and thumbHeight values (and this will be more noticeable if you set values less than the default values of 85px x 85px).
A possible workaround would be to create your thumbnail images in JuiceboxBuilder-Pro and substitute the 'thumbs' folder in your Lightroom-generated gallery with the 'thumbs' folder from JuiceboxBuilder-Pro.
This could be due to a permissions issue.
Ask your intern to copy the files onto her computer's desktop and to try opening the gallery from there.
Once the gallery has been edited, the files can be copied back onto the flash drive.
But now it's always getting previous gallery. I mean when you click A, B and C in sequence, it's showing me gallery of A, A and B. Just the first one is true.
This is due to a bug that was present in Juicebox v1.3.1 but which has now been fixed in Juicebox v1.3.2.
Please upgrade your galleries to Juicebox-Pro v1.3.2 and this should solve the problem.
For instructions on how to get the latest version and how to upgrade existing galleries, please see the Upgrading Juicebox page.
1. Is there a showThumbs config to hide it entirely on LSM?
To initially hide the thumbnails in Large Screen Mode, set showThumbsOnLoad="FALSE".
To hide the 'Toggle Thumbnails' button (to prevent users from toggling the thumbnails on and off) set showThumbsButton="FALSE".
2. Is there a method like getImageInfo(index) to get the thumbnail object (and returning its attributes, which probably is jus the imageURL)?
If you want to get the thumbURL of the image currently being displayed, you can use the Juicebox-Pro API methods getimageIndex() and getImageInfo() in conjuction with the onImageChange() event. You could then use JavaScript to determine more information about the thumbnail image, such as its dimensions.
For example:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId : 'juicebox-container'
});
jb.onImageChange = function(e) {
var index = jb.getImageIndex();
var info = jb.getImageInfo(index);
var thumb = info.thumbURL;
var img = new Image();
img.src = thumb;
var w = img.width;
var h = img.height;
alert("Current thumbnail dimensions: " + w + "px x " + h + "px");
}
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Your gallery uses Juicebox-Pro v1.1.1 which had a bug affecting a two-image gallery with enableLooping="TRUE" (such as yours). This bug was fixed in v1.2.0 so upgrading your gallery to the latest version of Juicebox-Pro (v1.3.2) should solve your problem.
For instructions on how to get the latest version and how to upgrade existing galleries, please see the Upgrading Juicebox page.
Do you know if it is possible to go directly to the detail page in LSM, instead of starting with the Thumbnails page?
The thumbnail page is displayed in Small Screen Mode only (and not in Large Screen Mode).
You can initially hide the thumbnail page in Small Screen Mode by setting showSmallThumbsOnLoad="FALSE".
You can also prevent users from accessing the thumbnail page by setting showSmallThumbsButton="FALSE".
You can force a particular screen mode to be used on all devices and in all browsers via the screenMode configuration option.
Also, you can disable the Splash Page by setting showSplashPage="NEVER".
Hopefully, with a combination of the above options, you will be able to have your gallery function as required.
For reference, a full list of configuration options can be found here.
For more information about screen modes, please see here.
If you have many galleries uploaded to your web server, you can have them all share a single instance of the 'jbcore' folder by following the instructions here.
When a new version of Juicebox-Pro is released, you need only replace a single folder on your web server to upgrade all your galleries at once.
If you have made any modifications within the 'jbcore' folder (for example to the 'theme.css' file), then these modifications will need to be applied to the new version of the file but since Juicebox-Pro was released, we have added many configuration options (in v1.2.0 and v1.3.0) which can now be set in the gallery's XML file (such as control over shadows and the gallery font) which were previously only achievable by modifying the 'theme.css' file.
Add SEO Content is not a configuration option that can be added to a gallery's XML file.
It is a feature only of JuiceboxBuilder-Pro and the SEO code is generated at the time the gallery is created (not when the gallery is displayed).
You would need to manually embed your Juicebox-Pro gallery in your WordPress post (using the baseUrl method of embedding) and copy and paste the SEO content (generated by JuiceboxBuilder-Pro) along with the embedding code into the body of your WordPress post (ensuring that the method of entry is 'Text' rather than 'Visual).
This bug has now been fixed in v1.3.2. Please see the Version History for a full list of changes and the Upgrading Juicebox page for details on how to get the latest version.
This bug has now been fixed in v1.3.2. Please see the Version History for a full list of changes and the Upgrading Juicebox page for details on how to get the latest version.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.