You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 185 of 235)
hi , any advise on the ability of the software to sync audio to photos apart from letting the show play from the start .
This is not possible using Juicebox-Pro alone. Juicebox-Pro supports only a single audio track which can be started and stopped using the Audio Button on the Button Bar.
You would need to find to find a third party audio player (which can be controlled via JavaScript), listen for the Juicebox-Pro API event onImageChange(id) to be fired (which happens each time the main image in the gallery is changed) and use this to trigger a specific audio track to be played (depending on the image being displayed).
Also is it possible to have the fade transition work on android phone / ipad and iphone .
No. When in Touch Input Mode, the image transition will always be SLIDE (which best matches the swipe gesture used to change the image on mobile devices).
I got v1.3.2 and can not get ITCP data like Camera, Exposure time, ISO, Aperture etc.
JuiceboxBuilder-Pro does not support such IPTC fields.
JuiceboxBuilder-Pro uses the IPTC 'Document Title' and 'Description' fields to populate the gallery image titles and captions respectively. (These IPTC labels are those used by Adobe Photoshop. Other imaging programs may use different labels for these IPTC fields.)
I have read in the forum that one way to get around it is
to rezize the image in another software and unclick "Resize image".
This will prevent JuiceboxBuilder-Pro from processing the images and they will simply be copied across to the gallery's 'images' folder. As the images are not processed by JuiceboxBuilder, they will retain any metadata which is embedded within them but JuiceboxBuilder will still not be able to extract any other IPTC fields for use in the image titles and captions.
Is it possible to get the other info or must I use other software to get
this function?
You can extract the metadata of your choice from your images for use as the image titles and captions when using the Juicebox plugin for Lightroom to create your galleries.
I took a look at the full.html file, and I can't see where the img src tags are being generated (I'm assuming this is in the javascript code).
That is correct.
the larger devices don't seem to be using jbcore/full.html even in SMALL mode
A Juicebox gallery will use the 'full.html' page only if the gallery is expanded in a new page.
Please see the description of the expandInNewPage configuration option (in the General Options section of the Config Options page) and the Expand Gallery Behavior section for more information.
Is there an easy workaround for this?
If the problem occurs only when the gallery is expanded in a new page, then the suggestions in the link above (to either lock the viewport of the embedding page or to set expandInNewPage="FALSE") may work for you. Otherwise, I would recommend using only web-safe characters for folder names when they are uploaded to a web server and form part of a URL.
Please see section 2.3 of this document for details.
Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.
Juicebox (and all web servers) should be able to handle all folder names which use any or all of these characters.
It is not possible to disable the sourcePath entries from being written to the 'config.xml' file by JuiceboxBuilder.
They are required if JuiceboxBuilder needs to reprocess an image (for example if removing a watermark).
If you really want to remove the sourcePath entries from your gallery's 'config.xml' file, you could remove them all with a single global regular expression search and replace action in a text editor.
If you are using WP-Juicebox, instructions for installation and use can be found here.
If you are not using WP-Juicebox and are embedding your Juicebox gallery manually, then follow the baseUrl embeding method documented here.
Take a look at the FAQs to see if any describe the scenario you are experiencing and offer help.
If you continue to experience difficulties, please let me know what method you are using (WP-Juicebox or baseUrl), describe the problem in more detail and post the URL to the web page into which you are trying to embed your gallery so that I can take a look and help further.
Edit:
If you are not able to install a plugin in Edublogs (to use WP-Juicebox) and do not have access to the web space they provide (to upload your gallery folder manually for the baseUrl method), then you would need to host your gallery elsewhere and embed it in your web page using an iframe.
For details on how to do this, please see the Embedding in a Web Template Site instructions.
Juicebox does not support scrolling thumbnails (whereby thumbnails scroll one-by-one like in the website you quoted) and it would not be possible to integrate the jQuery thumbnail scroller into Juicebox as the logic behind the Juicebox thumbnail paging is in the 'juicebox.js' file which is obfuscated and cannot be modified.
If it's not possible, can I make a request for something similar in JBx 1.4? :) :)
Please post suggestions for future versions of Juicebox in the Feature Requests forum thread.
It keeps them all together and ensures that they are not overlooked. Thank you.
Your caption area is transparent when I view your gallery in IE9 and IE10 (but not in IE8).
The developers are aware of transparency issues in IE8 and are currently investigating solutions.
In the meantime, as the caption area is opaque in IE8, a possible workaround would be to set captionBackColor to a different color than your caption's text (such as the gallery's background color) so that the text is visible (but keep the alpha channel at 0 for full transparency in all other browsers), e.g.:
captionBackColor="rgba(191,221,237,0)"
If you are not using IE8, make sure your Internet Explorer browser is not in 'Compatibility View' mode.
There are no configuration options which would allow the Gallery Title to be displayed on main image pages in Small Screen Mode.
However, you could force your gallery to be displayed in Large Screen Mode on all devices and in all browsers (and position the Gallery Title as required using the galleryTitlePosition configuration option) by setting screenMode="LARGE".
For more information about Screen Modes, please see here.
Unfortunately, there is a bug in Juicebox-Pro v1.3.2 whereby the Gallery Title is not displayed if galleryTitlePosition="ABOVE_THUMBS".
A bug report has been logged and this issue should hopefully be fixed in the next version of Juicebox-Pro.
Until then, the only workaround would be to set galleryTitlePosition to any value other than ABOVE_THUMBS.
You can change the position of the caption area within the gallery using the captionPosition configuration option.
The image title will always be displayed above the image caption in the caption area.
You can change the horizontal alignment of both the image title and the image caption using the captionHAlign configuration option.
For reference, all the Caption Options can be found here.
You can change the horizontal alignment of the image title on its own using HTML formatting as documented in this FAQ:
How do I add HTML formatting to image captions and titles?
For example:
<title><![CDATA[<div style="text-align: right;">Title Text</div>]]></title>
You could also extract the image title for the currently displayed image using the Juicebox-Pro API (specifically the methods getimageIndex() and getImageInfo() in conjuction with the onImageChange() event) and display it elsewhere on your web page using JavaScript.
For example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox-Pro Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
body {
margin: 0px;
}
#text {
width: 400px;
height: 80px;
background-color: #acc2e3;
}
</style>
</head>
<body>
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '400',
galleryHeight: '400'
});
jb.onImageChange = function(e) {
var index = jb.getImageIndex();
var info = jb.getImageInfo(index);
var title = info.title;
document.getElementById("text").innerHTML = title;
}
</script>
<div id="juicebox-container"></div>
<div id="text"></div>
<!--END JUICEBOX EMBED-->
</body>
</html>
Set enableDirectLinks="TRUE" and use a URL such as http://www.example.com/main/page.html#2 where 'page.html' is the page into which your gallery is embedded (the page containing the baseUrl embedding code) and '#2' is the image number within the gallery to which you wish to link directly.
Your gallery currently uses enableDirectLinks="TRUE" and the URL in the browser's address bar changes to reflect the image currently being displayed. (Each image in the gallery is given a unique number and unique URL.)
You can disable this functionality by setting enableDirectLinks="FALSE" in JuiceboxBuilder's 'Customize -> General' section.
You could create and manage Juicebox galleries within your WordPress Dashboard by using the dedicated Juicebox plugin for WordPress - WP-Juicebox. Everything is done within the WordPress interface and there is no need to worry about file paths and code. Instructions for downloading, installing and using the plugin can be found here
Alternatively, if you want to embed a Juicebox gallery created by JuiceboxBuilder-Pro into a WordPress page or post, all you would need to do would be to:
(1) Upload your complete gallery folder (not just the contents) to your web server (exactly as it is created by JuiceboxBuilder-Pro without the need to make any modifications).
(2) Paste the baseUrl embedding code into the body of your WordPress page or post (ensuring that the method of entry is 'Text' rather than 'Visual').
It does not matter where on your web server you upload your gallery folder to as long as you know where it is and that the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
I followed those directions, copying the code and pasting it into Publish>Get embed code, which then overwrites the code for the gallery images.
The code for the gallery images is stored in the gallery's 'config.xml' file (in the gallery folder) - not in the body of your WordPress page or post (where you paste the baseUrl embedding code).
Try increasing your gallery's maxCaptionHeight. It is currently set to 35 (the default value is 120) and this allows for only one line of text so if an image has both a title and a caption, only one is visible.
Small Screen Mode is capable of displaying both the image title and image caption in the caption area.
(NB, I have tried adding the title as the iptc image title, but this prevents the display of the iptc caption which I also need to display)
Using an image title should not prevent the image caption from being displayed.
Please post the URL to your gallery so that I can take a look.
Your gallery displays and functions OK on an iPod Touch (over a wifi connection).
If you have a 3G connection, please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?
For your own website's galleries, try creating an .htaccess file containing the following code and upload it to your website's root directory. (Please note that this requires an Apache server and is untested.)
<IfModule mod_headers.c>
Header set Cache-Control "no-transform"
</IfModule>
You could also contact your 3G provider to see if it is possible for content modification to be turned off on your account.
If you are embedding a Juicebox gallery in an existing HTML page alongside other content, then you do not need to upload the gallery's own 'index.html' file at all. It is required only if you want to display the gallery on a web page of its own or if you want to load the gallery into an iframe.
Alternatively, you could upload the entire gallery folder (not just the contents) to your web server and use the baseUrl method of embedding as documented here.
In doing so, you can keep the gallery as a self-contained entity with all the gallery files stored inside the gallery folder (so there will be no chance of any conflicting filenames).
It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
I have noted this in the bug report.
Unpredictably, if you click on the image to go back or forward, the caption reappears.
It seems that the bug manifests itself when navigating between images when the Info Button has been set to hide the overlay.
If navigating between images when the overlay is being displayed, the captions are also displayed.
I am glad that you have resolved your problem.
Thank you for posting back to let me know.
You can use the baseUrl method of embedding as documented here.
Essentially, you would upload your entire Juicebox gallery folder (not just the contents) to your web server and then paste the baseUrl embedding code into the body of your WordPress page or post (ensuring that the method of entry is 'Text' rather than 'Visual').
It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
Thank you for the additional information.
I have been able to replicate the problem on Windows (as well as Mac) and have logged a bug report.
Hopefully this will be fixed in the next version of Juicebox-Pro but, in the meantime, the workaround would be to avoid the combination of imageTransitionType="CROSS_FADE" and showImageOverlay="NEVER".
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.
Posts found: 4,601 to 4,625 of 5,872