You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
I have just viewed your gallery on a mobile device (an iPod Touch) in both Mobile Safari and Chrome and your gallery captions are displayed OK (in both browsers) so they should also be displayed OK on your own iPad.
Try clearing your browser's cache to ensure that your browser is fetching and using the most recent versions of your gallery files from your web server.
Hopefully what you are seeing is just a browser caching problem and clearing your browser's cache will help.
Can't say why it works but now it works.
Unfortunately, I do not have an explanation, either.
However, I am glad that the problem seems to have been resolved (at least for the time being).
If you find out any more about the problem or continue to experience difficulties, please post back to let me know.
Thank you.
The most recent Java update (Java 7 Update 51) has a new security policy which prevented the upload Java applet within svManager from functioning.
If you are interested, you can read more about it here.
Please upgrade to the latest version of svManager (v1.8.6) which was released recently.
The current version now contains a new HTML 5 uploader which does not use Java at all.
A full list of changes can be found in the Version History.
You can download the latest version using the link from the purchase email you received when you first bought svManager.
If you cannot find the email or your download link has expired, then please fill in this Upgrade Request Form to request a new download link.
If you have already tried uninstalling JuiceboxBuilder-Pro, deleting the folder from my post above (to ensure that no files are left behind) and then reinstalling JuiceboxBuilder-Pro, then there is no reason that I can think of why JuiceboxBuilder-Pro should not function correctly. (It should function just as it did when you first installed it.)
Also, it is possible to install JuiceboxBuilder-Pro alongside JuiceboxBuilder-Lite (and svBuilder and svBuilder-Pro) so there should be no need to uninstall the other applications.
Perhaps you have an anti-virus or other security program installed which is somehow interfering with the functionality of JuiceboxBuilder-Pro. Try making an exception in your security program for JuiceboxBuilder-Pro to see if this helps.
Also, make sure that you are using the current version of Adobe AIR (v4.0) which can be downloaded from here.
You can disable keyboard controls by setting enableKeyboardControls="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
Juicebox will use the 'full.html' page for an expanded gallery if expandInNewPage="TRUE" or if the gallery is displayed on an iOS device and the viewport is not locked. Please see here for details.
When you view a Juicebox gallery on a mobile device, Juicebox uses Small Screen Mode by default (to make the most of the small screen area available).
A Splash Page (a placeholder for the gallery) is displayed which, when clicked, will display the gallery on a page of its own.
Please see here for more information about Screen Modes and how Juicebox adapts to different devices and screen sizes.
If you want to force Juicebox to dispay the gallery in Large Screen Mode on all devices and in all browsers, then set screenMode="LARGE" in the Pro Options text area.
Try closing JuiceboxBuilder-Pro and manually deleting the following folder before opening JuiceboxBuilder-Pro again.
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-ProI do not know what may have caused JuiceboxBuilder-Pro to fail but hopefully this suggestion will help.
I tried deleting and re-loading program from my downloads file to no avail. I suppose I could download again from your site, but as I am only entitled to 5 downloads, I am reluctant to do that.
If you want to try reinstalling JuiceboxBuilder-Pro, then, unless a new version has been released, there will be no benefit in downloading it afresh using your download link. (The installation file will be the same.) If you do plan to install an updated version of JuiceboxBuidler-Pro, then it is necessary to first uninstall any existing version (and then empty your trash).
Also, if your download link expires (after 5 downloads), you can request a new download link by filling in this Download Link Request Form. In doing so, you will always have a valid download link and will always have access to the latest version of Juicebox-Pro (and JuiceboxBuilder-Pro).
The flickering you report seems to happen only when the gallery is loaded into a frame or iframe and is due to hardware acceleration that Juicebox uses.
Hardware acceleration will be disabled in the next version of Juicebox when the gallery is loaded into a frame or iframe to combat this problem. (It will remain for optimal performance when the gallery is embedded directly into the web page.)
In the meantime, a solution would be to embed your galleries directly into your web page (rather than loading them into a frame). You could load each of your galleries into your web page on demand using the single page solution from this forum post.
You could modify the template to suit your own needs, for example changing the header for a side menu.
Is it possible to link outside the current domain?
Yes.
I want to open another address by clicking on image.
First, set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).
Then, when a user clicks a main image in the gallery, the corresponding linkURL will be opened in the linkTarget window.
The linkURL and linkTarget associated with each image can be entered on the 'Images' tab.
A linkURL can be relative (to the HTML page containing the JavaScript embedding code) or absolute, e.g.:
linkURL="http://www.example.com/index.html"1. The nav buttons are "scrambled" that is they just show gibberish instead of the arrows.
Juicebox uses a custom font for the icons in a gallery. It sounds like your web page may be setting a font-family for all elements on your web page using a global CSS selector, such as:
* { font-family: Courier; }If this is the case, Juicebox will have no option but to inherit such a CSS rule. The font-family will apply to all elements on your web page, including those within your gallery.
Try setting the font-family to the 'body' element of your web page instead (or better still, to only those elements on your web page which require it through use of ids or classes).
Hopefully this will help. If not, then please post the URL to your gallery so that I can take a look and help further.
2. When I save the gallery to the folder for that web page it copies the .html address for the original page into the folder as well.
Juicebox-Builder-Pro will always save an HTML page to the chosen gallery folder. This will be a web page containing nothing but the gallery (so that use can use it to display the gallery on a page of its own).
You can change the name of this HTML file (the 'Index Page Name') on the 'Publish' tab.
Alternatively, you could choose to save each gallery in its own separate folder and then embed the galleries using the baseUrl method as documented here (uploading the complete gallery folders to your web server rather than just the contents).
In doing so, you could keep the default 'Index Page Name' (index.html) as each gallery will be in its own folder and the file will not overwrite any other file. (Having each gallery in its own folder may also help keep things organized, especially if you plan to edit galleries with JuiceboxBuilder-Pro in the future).
I'm glad you have been able to resolve your problem.
Thank you for taking the time to post information about the solution.
Hopefully it will help others facing the same issue.
I have marked this thread as [SOLVED] as requested.
That would also work. Configuration options set in the JavaScript embedding code override those set in the gallery's XML file.
As noted in the Setting Config Options support section:
Option precedence takes the following order: Query String -> JavaScript Embed code -> XML config file
If you set debugMode="TRUE" in your gallery's XML file, then you can set configuration options via a query string in the URL as documented here. Configuration options set via a query string override options set in the embedding code or in the gallery's XML file.
Therefore, you could embed your gallery without the Back Button and set the Back Button options in the query string of your secret direct hyperlink.
For example:
http://www.example.com/gallery/index.html?backButtonPosition=TOP&backButtonText=click
Re suggestion 1, I don't really understand it.
Suggestion #1 was essentially to move the position of the gallery's embedding code from the <head> section of your web page to below the Juicebox containerId div, ie. change:
<!DOCTYPE html>
<html lang="en">
<!-- saved from url=(0014)about:internet -->
<head>
<meta charset="UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script type="text/javascript" src="res/juicebox/jbcore/juicebox.js" charset="utf-8"></script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new juicebox({
backgroundColor: "rgba(51, 51, 51, 1.0)",
configUrl: "config.xml",
containerId: "juicebox-container",
galleryHeight: "100%",
galleryWidth: "100%",
themeUrl: "res/juicebox/jbcore/classic/theme.css"
});
//--><!]]></script>
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
body
{
background-color: #333333;
margin: 0;
}
body, html
{
overflow: hidden;
}
/*]]>*/--></style>
<title>Victory Powerlet in Side Cover</title>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>... to:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script type="text/javascript" src="res/juicebox/jbcore/juicebox.js" charset="utf-8"></script>
<style type="text/css">
body {
background-color: #333333;
margin: 0;
}
body, html {
overflow: hidden;
}
</style>
<title>Victory Powerlet in Side Cover</title>
</head>
<body>
<div id="juicebox-container"></div>
<script type="text/javascript">
new juicebox({
backgroundColor: "rgba(51, 51, 51, 1.0)",
configUrl: "config.xml",
containerId: "juicebox-container",
galleryHeight: "100%",
galleryWidth: "100%",
themeUrl: "res/juicebox/jbcore/classic/theme.css"
});
</script>
</body>
</html>My reasoning was that if Juicebox cannot find the specified containerId, then this implies that:
(1) The Juicebox embedding code must have been run (for it to look for the containerId), and...
(2) The containerId cannot be found on the page, perhaps due to a timing or server issue resulting in the entire page not being loaded and the containerId not being included in the DOM.
Juicebox should load itself into the containerId only when the document is ready and the DOM is complete.
However, placing the embedding code after the containerId div in your web page should ensure that you do not run into the Cannot find div with id: "juicebox-container" error message as the containerId will already have been included in the DOM when the embedding code is run (although if the root problem still exists and the page fails to load correctly for whatever reason, then the gallery may still not display).
Your inconsistent results make me think that the problem may lie with your web server or internet connection.
If the code on your web page does not change and your browser remains constant, then the gallery should load each and every time.
Essentially, the only two variables in the equation are your web server and internet connection.
As I am able to view your gallery in all browsers and have not yet seen the error message you report, then this suggests that your web server is OK and that your internet connection may be a possible cause.
Try my Suggestion #1 above to see if this helps.
Thank you for taking the time to post our conversation in the forum.
Hopefully other users will benefit from the information.
I can certainly refer to this post when other users request the ability to display image titles/captions in two different languages.
Thank you for reporting this problem.
I have logged a bug report with the developers and it should hopefully be fixed in the next version.
In the meantime, if you need to find the current image index within the onImageChange function, you can do so with the following code, where e.id is the current image index.
jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '600',
galleryHeight: '400'
});
jb.onImageChange = function(e) {
alert(e.id);
};It sounds like the problem may be with your browser timing out whilst loading the page (which may be due to a temporary glitch with either your web server or internet connection).
I have just viewed your gallery in Firefox 27.0.1, Chrome 33, Safari 5.1.7, IE11 and Opera 19.0 and it displays and functions OK in all browsers on my PC.
If you continue to experience this issue, try one of the following (although it really should not make a difference as Juicebox should take care of this internally).
(1) Try putting the JavaScript embedding code after the <div id="juicebox-container"></div> line in your web page.
(2) Try enclosing the JavaScript embedding code in a jQuery $(document).ready() function:
$(document).ready(function() {
new juicebox({
backgroundColor: "rgba(51, 51, 51, 1.0)",
configUrl: "config.xml",
containerId: "juicebox-container",
galleryHeight: "100%",
galleryWidth: "100%",
themeUrl: "res/juicebox/jbcore/classic/theme.css"
});
});Neither of the above should be necessary but if the page is not timing out (which may be the most likely explanation for the problem), then they would certainly be things to try to resolve the Juicebox Error: Cannot find div with id: "juicebox-container".
I'd like to have some empty space above my pictures and in that empty space / bar I like to see my homebutton top left and my full-screen and thumbnail button up right (not next to the picture but in the bar / space).
This could be achieved using the following settings.
backButtonPosition="TOP"
backButtonHAlign="LEFT"
buttonBarPosition="TOP"
buttonBarHAlign="RIGHT"When any element is positioned TOP, a top area (above and separate from the main images) will be used.
You can adjust the height of the top area using the topAreaHeight configuration option.
And will it look the same on tablets?
Due to the limited screen space on mobile devices, the TOP area is used only in Large Screen Mode (and Juicebox uses Small Screen Mode by default to display the gallery on mobile devices).
However, you can force Juicebox to display the gallery in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".
For more information about Juicebox and Screen Modes, please see here.
Short descriptions of all the configuration options mentioned above can be found on the Config Options page.
My solution seemed to work fine when I tested it with a sample gallery of my own but as long as you have a solution that works and that you are happy with, that's great!
Thank you for taking the time to post back with details of how you achieved your solution.
If your download link has expired, then please fill in this Download Link Request Form.
I do not personally have the ability to search through transaction records or generate new download links but filling in the form will ensure that the required information is passed on to the correct department who will be able to supply you with a new download link.
Make sure that you have JavaScript enabled in your browser before opening the download link and if you have trouble downloading the 1.64MB zip file, then please try a different browser.
I will ensure that this is made more clear in the next site update.
You could introduce space around the entire stage or just the image by using the stagePadding or imagePadding configuration options. However, these options are available to Juicebox-Pro only (and are not available to Juicebox-Lite, the free version).
With Juicebox-Pro you could also set galleryTitlePosition="TOP" and then set galleryTitle="" (empty). You could then adjust the height of the top area using the topAreaHeight configuration option.
Unfortunately, all these suggestions are Pro only and there is nothing that can be done to achieve your goal using the available Lite options.
The code I posted above validates correctly as HTML 5 code (I changed a few attributes in your table elements to CSS styles instead) and I tested the code before I posted it with a sample gallery of my own. The resizing seemed to work fine for me and the sample gallery displayed OK without any cropping. (The only things I woukld change would be to increase the #header height from 40px to 70px and to increase the top navigation menu table width from 95% to 100%.)
Your problem seems to be related to the gallery itself (rather than the embedding or the resizing script).
(It opens to a clunky-looking no-script version of the page, and my banner is missing.)
Your gallery currently displays the Splash Page, which, when clicked, opens the gallery on a page of its own. When the gallery is expanded (to fill the browser window) any custom elements on the original page (such as your top navigation menu) will no longer be visible until the fullscreen gallery is closed by clicking on the Expand Button on the Button Bar.
Change screenMode="SMALL" to screenMode="AUTO" and you should see the regular gallery display instead of the Splash Page. Also, the image titles and captions should be displayed in full like they are in the fullscreen version of your gallery at the moment (after the Splash Page is clicked).
For more information about Screen Modes and the use of the Splash Page, please see here.
Juicebox is very much still being developed.
We are currently working on fixing bugs and adding new features and hope to release the next version sooner rather than later (although I cannot say with any certainty when this will be).
Juicebox version numbers follow the Major.Minor.Revision convention (e.g. v1.3.3) and the next release is planned as a minor release.
You can expect much more that just a revision (have a look at v1.2.0 or v1.3.0 in the Version History for an idea of how many entries there might be in the changelog) but it will still be in the major v1.x.x line so upgrades for existing customers will be free.
If you would like to be notified when a new version is released, please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.