I'm glad you've been able to get to the bottom of your problem.
Thank you for posting back to let me know.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
I'm glad you've been able to get to the bottom of your problem.
Thank you for posting back to let me know.
The problem is due to linkURL entries in your gallery's XML file such as the following:
linkURL="www.paulraphaelson.com"
If a linkURL is present, then Juicebox will use this instead of the imageURL when the Open Image Button is clicked.
Because your linkURL does not start with http://, Juicebox sees the path as being relative (to the HTML page containing the gallery's embedding code).
Try one of the following:
(1) Change your linkURLs to be the same as your imageURLs (and the images will be opened when the Open Image button is clicked).
(2) Leave your linkUR s empty (and Juicebox will use the imageURLs). (Same result as #1 above.)
(3) Change your linkURLs from www.paulraphaelson.com to http://www.paulraphaelson.com and when the Open Image Button is clicked, the user's browser will open the address http://www.paulraphaelson.com.
I'm on bluehost, and checked the the php version they run. It is 5.2 and is set to "Single php.ini". Could that be something?
A Juicebox gallery does not use or require PHP so this is not the cause of the problem.
Without being able to examine your .htaccess file, I do not know if there is any code in there which might be contributing to your problem. Take a look for any references to XML files. (Search the file for the term 'xml' and temporarily remove any entries found to see if this helps.)
Perhaps the best thing to do would be to contact your web host and ask them why your http://morethansnapshots.com/LRGallerie … config.xml file is not publicly accessible and why trying to access it in a browser results in an error 403 (forbidden) message.
Also, having seen that my galleries are embeds, do I need so put additional code into files?
No. For what you are trying to do (link directly to full-browser gallery pages), all you should need to do is:
(1) Create a gallery with JuiceboxBuilder-Pro (or whatever other method you like).
(2) Upload the complete gallery folder (not just the contents) to your web server (without making any modifications to the contents of the gallery folder at all).
(3) Link to the gallery's 'index.html' file (inside the gallery folder) from your main web page.
If your web server was allowing access to your gallery's XML file, then you would not be experiencing any problems.
Your web host should hopefully be able to quickly and easily determine the exact cause of your problem and fix it for you.
Use relative paths in your embedding code and the gallery should display both locally (in supported browsers - please see this FAQ for details) and online.
For example:
<!--START JUICEBOX EMBED-->
<script src="../../Benutzer/ThomasKlinger/Bilder/galerie/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : '../../Benutzer/ThomasKlinger/Bilder/galerie/',
containerId : 'juicebox-container',
galleryWidth : '800',
galleryHeight : '600',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
The above is just an example. I do not know the file structure of your site so you will need to make sure that the relative paths are correct.
Just for the record, if you added 'file:///' to the beginning of your paths, your gallery might work locally but it would not work online as visitors to your web site would not have access to files on your C:/ drive.
For example:
<script src="file:///C:/Benutzer/ThomasKlinger/Bilder/galerie/jbcore/juicebox.js"></script>
Thank you for the feedback and suggestion.
I would encourage you to post your ideas in the Feature Requests forum thread. This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.
No problem.
Hopefully you'll be able to sort things out. It certainly looks like the problem is related to file or folder permissions on your web server.
If you continue to experience difficulties, I'm still happy to take a look for you so just let me know.
Whether you intend to display a Juicebox gallery in a web page alongside other content or just on a page of its own, it still needs to be embedded. When you create a gallery with JuiceboxBuilder-Pro or the Lightroom plugin, the gallery is automatically embedded into a page of its own (the 'index.html' page).
You should be able to create a gallery (with the method of your choice), upload the complete gallery folder to your web server and link to the 'index.html' page within the gallery folder.
Your problem is currently with the 'config.xml' file inside the gallery folder (your '/LRGalleries/TxCapSculptureJBX/' folder).
Try opening the 'config.xml' file directly in a browser: http://morethansnapshots.com/LRGallerie … config.xml
This bypasses Juicebox. You should be able to see the contents of the XML file in your browser. Instead, the following message is displayed.
403 Permission Denied
You do not have permission for this request /LRGalleries/TxCapSculptureJBX/config.xml
This suggests that the permissions on the file (or on one of its parent folders) are still too restrictive and your web server is preventing the browser from being able to read the file.
Compare this to the 'config.xml' file in a working gallery: http://www.juicebox.net/demos/lite/full/config.xml
It is not a problem with Juicebox functionality but rather a problem with the XML file on your web server.
Please double-check the permissions on your gallery's 'config.xml' file and on all the directories that the file is nested within ('LRGalleries' and 'TxCapSculptureJBX').
If you continue to experience difficulties, then it would help if I had access to your web server so that I could investigate further.
If you are agreeable to this, please let me know and I will send you a message with an email address where you can send me your FTP login details.
Thank you.
Thank you for sharing your findings.
Unfortunately, I cannot explain why JuiceboxBuilder-Pro cannot write back to the original gallery folder on your network drive (are any files from within the folder open in any other programs which may have put a temporary lock on them?) but as long as saving the new gallery to a new folder works consistently, then this seems to be the way to go.
Thank you for providing the URL to your gallery.
I have viewed your gallery and all 47 thumbnails displayed first time without issue and without the need to refresh the page (although they seemed a little slow to load).
If you view your gallery in different browsers (or in the same browser after clearing the cache each time), is it always the same thumbnails that do not appear or does it change from time to time?
If you find that you are getting inconsistent results then the problem may be due to either your web server or internet connection.
The code on your web page remains constant and browsers will always process this code in the same way each time the page is displayed.
The only other factors in the equation are the web server and internet connection (the means by which the code is passed to the browser). If the browser does not receive the complete code, then your web page may not be complete.
For example, if your web server is experiencing problems in serving the files in a timely manner, the browser may time-out whilst trying to load an image. Also, if you have an internet connection that drops-out occasionally, a similar thing can happen.
Please check with your web host to see if they have been experiencing any issues lately which might be contributing to your problem. Also, check that your internet connection is stable.
Maybe the problem is just a browser caching issue. Try completely clearing your browser's cache before reloading your web page to see if this helps.
Juicebox saves the data from the 'Set Image Sizes' pop-up window in preset files and if small or large images are deselected when a preset is saved, then they will also be deselected when the preset is loaded.
I realise that you would rather have Juicebox not save the image size data but this is how Juicebox works and knowing this should at least help you workaround it.
I loaded the preset without the sizes. I went back to the size panel and changed the sizes. I saved the preset:
thumbWidth="64"
thumbHeight="64"
thumbQuality="80"
useLargeImages="true"
useSmallImages="true"
smallImageWidth="640"
smallImageHeight="480"/>And I asked to publish the gallery to a new folder. Unfortunately, the images were copied unchanged from the old to the new gallery and no larger/smaller folders even appeared.
I tried what you described above but was unable to replicate the problem. My test gallery included both small and large images as expected.
I went back to the size panel and changed the sizes. I saved the preset:
Make sure that you click the 'OK' button in the 'Set Image Sizes' pop-up window between changing the sizes and saving the preset.
Also, please make sure that you are using the most recent version of JuiceboxBuilder-Pro (v1.4.3) to ensure that any bugs present in previous versions which have since been fixed are not contributing to your problem. You can check which version you are using by going to 'Help -> About JuiceboxBuilder-Pro' from the drop-down menu at the top.
If necessary, instructions for downloading the current version and upgrading JuiceboxBuilder-Pro can be found on the Upgrading Juicebox support page.
I see the problem you are describing.
Default values are not written to gallery XML files as they should not be not necessary. If a configuration option is not explicitly listed in a gallery XML file, then its default value should be used.
However, the exception to this rule is that if you do not explicitly set an expandedBackgroundColor, Juicebox uses the backgroundColor (for consistency between the normal and fullscreen displays).
The workaround to this would be to ensure that you explicitly set an expandedBackgroundColor.
The only problem with this is that when you use an expandedBackgroundColor with transparency and set useFullscreenExpand="TRUE", the actual background color is dependent on the browser as different browsers use different background colors (black vs white) for the default fullscreen visual environment.
The best course of action to workaround both issues above would be to explicitly set an opaque expandedBackgroundColor.
Please check that the images have been uploaded to the correct location on your web server and check that the thumbURL paths in the gallery's XML file point towards the thumbnail images correctly.
You might like to try re-uploading the thumbnail images to your web server in case something happened during the initial upload resulting in missing or corrupt files.
Please also see this FAQ:
My images show locally, but not when I upload them to my website. Why?
Also, check the permissions of the thumbnail files (with a dedicated FTP program such as Filezilla or within your web hosting account's online CPanel) and their parent folders to make sure that they are not too restrictive. Default permissions of 644 for files and 755 for folders should be fine.
If you continue to experience difficulties, then please post back with the URL to your gallery so that I can take a look at the problem for myself and help further.
I'm glad you've got JuiceboxBuilder-Pro up and running.
Thank you for posting back to let me know.
The multi-size image support is a feature of JuiceboxBuilder-Pro only and is not available in any of the plugins.
Unfortunately, as you are aware, the Juicebox plugin for Lightroom cannot export multiple image resolutions at once.
Image sizes (and whether small or large images are required) are saved in preset files. Try selecting the 'Small Images' and 'Large Images' checkboxes and changing some image sizes on the 'Images' tab, save a preset ('Presets -> Save Preset') and open the preset file in a plain text editor. You should see entries such as the following:
useLargeImages="true"
largeImageWidth="2000"
largeImageHeight="1000"
However, if you load a preset which does not include useSmallImages="true" or useLargeImages="true", then the 'Small Images' and 'Large Images' checkboxes will be deselected and only medium images will be saved to the gallery folder.
Be sure to select the 'Small Images' and 'Large Images' checkboxes (and enter your required image sizes) before saving a preset file.
Hopefully this will help.
If I load a preset for the configuration, I have issues with expandedBackgroundColor -- the plugin exports black/1 whereas (as reported in another post) JBB does not.
Please see my reply to your query in this forum thread.
The Lightroom plugin's default value for expandedBackgroundColor is the same as JuiceboxBuilder-Pro's default value ('222222' with opacity '1'). If you change this at any point, then Lightroom will remember the last used value (like it will for other Web Engine input fields).
Like JuiceboxBuilder-Pro, if you set the expandedBackgroundColor to '222222' with opacity '1', it will not be written to the 'config.xml' file but if you change it to black ('000000' with opacity '1'), then the following will be written to the 'config.xml' file:
expandedBackgroundColor="rgba(0,0,0,1)"
I've just double-checked this with the current versions of both JuiceboxBuilder-Pro (v1.4.3) and the Lightroom plugin (v1.4.3.0) and everything seems to be working correctly.
The default values for both backgroundColor and expandedBackgroundColor in JuiceboxBuilder-Pro are both '222222'. These values are noted as defaults in the Config Options page.
I've just double-checked this in my own installation. When I click the color box next to 'Background Color' (in the 'Customize -> Lite' section) or 'Expanded Background Color' (in the 'Customize -> General' section), '222222' is displayed as the default value.
Default values are not written into the 'config.xml' file but if you change both of these values to black ('000000' with opacity '1'), then the following values are written to the 'config.xml' file:
expandedBackgroundColor="rgba(0,0,0,1)"
backgroundColor="rgba(0,0,0,1)"
... and the following is also included in the embedding code in the 'index.html' page:
backgroundColor: 'rgba(0,0,0,1)'
If you do not see this behavior, then try uninstalling and reinstalling JuiceboxBuilder-Pro and make sure that you are using the most recent version of JuiceboxBuilder-Pro (v1.4.3) to ensure that any bugs present in previous versions which have since been fixed are not contributing to your problem. You can check which version you are using by going to 'Help -> About JuiceboxBuilder-Pro' from the drop-down menu at the top.
If necessary, instructions for downloading the current version and upgrading JuiceboxBuilder-Pro can be found on the Upgrading Juicebox support page.
If I set the component to be 'transparent' to defer to CSS for the (embedded) gallery I get, e.g., a white background in embedding.
If you set a gallery's background to be transparent (by setting its opacity to '0'), then, by default, the background will be white (the default background color of an empty tab/window in a browser) unless you have something else below the gallery the gallery using HTML and CSS.
Unfortunately, the default is not in config.xml and the fullscreen expansion ends up white, apparently taken from the embedded gallery.
Please note that if you set the expanedBackgroundColor to be transparent and also set useFullscreenExpand="TRUE", then the actual expanded background color might be white or black depending on the default color that the browser chooses to use when the Fullscreen API is used. (For example, Chrome uses white and Firefox uses black.) For consistency when using useFullscreenExpand="TRUE", I would recommend using an expandedBackgroundColor with an opacity of '1' (fully opaque).
The embedding code for your 'Texas Sculpture' gallery on this page: http://morethansnapshots.com/LRGallerie … index.html
... does not contain a configUrl or baseUrl so Juicebox looks for a file named 'config.xml' in the same directory as the HTML page containing the embedding code.
Therefore, there should be a 'config.xml' file here: http://morethansnapshots.com/LRGallerie … config.xml
However, going directly to that location in a browser results in an error 403 (permission denied).
It looks like your gallery's 'config.xml' file might be in the correct location on your web server but that its permissions are too restrictive. Check the permissions of the file (and its parent folders) on your web server (perhaps using a dedicated FTP program such as Filezilla of via your web hosting account's online CPanel).
Default permissions of 755 for folders and 644 for files should work fine.
Hopefully this will solve your problem.
Only JuiceboxBuilder-Lite has an 'Upgrade to Juicebox-Pro!' button. JuiceboxBuilder-Pro does not feature such a button.
I realise that you are unable to click 'New Gallery' or 'Open Gallery' but does the splash page read 'JuiceboxBuilder-Pro' when you start the application? Does the text on the application's title bar also read 'JuiceboxBuilder-Pro'? How about 'Help -> About...' from the drop down menu at the top?
It sounds like JuiceboxBuilder-Lite is somehow getting tangled up with JuiceboxBuilder-Pro although, under normal circumstances, JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can be installed an run side-by-side on the same computer without issue.
I'm sure you've tried many things many times but I would give it one more go.
Make sure that you uninstall both JuiceboxBuilder-Lite and JuiceboxBuilder-Pro. (Delete the 'JuiceboxBuilder-Lite' and 'JuiceboxBuilder-Pro' files from the Applications folder and empty your Trash.)
Then search your hard drive for the term 'JuiceboxBuilder' (rather than 'JuiceboxBuilder-Pro' this time) and manually delete everything found.
Double-check that the following folders have been deleted:
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Lite
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Now try reinstalling only JuiceboxBuilder-Pro, allowing the application to install to the default location.
However, when I click on the first image, it doesn't expand automatically to full-screen, but kind of jumps all over the page.
If you have a gallery which exhibits this behavior, please post its URL so that I can take a look and investigate further. (Your '/personal/' gallery still uses a Splash Page.)
If there is any problem with conflicting CSS, then the easiest way to avoid this is to use the Splash Page and set expandInNewPage="TRUE" so that when the gallery is expanded, it is expanded on a new page of its own where it cannot be affected by any CSS on your embedding page.
Also, I notice that your gallery uses Juicebox v1.4.3.
The latest version is actually v1.4.3.2. We have released a couple of hotfix versions to address a couple of bugs relating to pages jumping to the top when scrolling or closing expanded gallerieson iOS 8 devices.
You might like to try upgrading your gallery to the latest version to see if this helps.
Instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page. (The latest zip file is named 'juicebox_pro_1.4.3.2.zip' and the version number is noted in the comments at the top of the 'jbcore/juicebox.js' file.)
Is there any way to set the thumbnails to expand to full-screen on first click when showSplashPage is set to "NEVER"?
Juicebox was not designed to allow the gallery to expand on a thumbnail click. You could try to achieve this using the available methods in the Juicebox-Pro API but you might run into difficulties.
To see an example of this in action, create a test gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" id="jb-viewport" content="minimal-ui" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb = new juicebox({
containerId: "juicebox-container",
galleryHeight: "400",
galleryWidth: "600",
screenMode: "AUTO",
showExpandButton: "TRUE",
showSmallThumbsButton: "TRUE",
showSmallThumbsOnLoad: "TRUE",
showSplashPage: "NEVER"
});
if (jb.getScreenMode() === 'SMALL') {
var fullscreen = false;
var thumbs = true;
jb.onExpand = function(expanded) {
if (fullscreen && !thumbs) {
jb.toggleThumbs();
}
fullscreen = !fullscreen;
};
jb.onImageChange = function(e) {
if (!fullscreen) {
jb.toggleExpand();
}
};
jb.onShowThumbs = function(showing) {
thumbs = showing;
};
}
</script>
<title>Test</title>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>
This will expand the gallery each time a new image is selected (in Small Screen Mode only) whether from the thumbnail page or a main image page. There is no way to distinguish whether an image is being selected from a thumbnail page (via a tap) or from a main image page (via a swipe).
Also, in order to include this functionality within a WP-Juicebox page, you would need to:
(1) Set the required configuration options as normal (Lite Options in the interface and Pro Options in the 'Pro Options' text area).
(2) Add the following code (in 'Text' mode, not 'Visual') below the Juicebox shortcode in the body of your WordPress page or post.
<script type="text/javascript">
if (jb_4.getScreenMode() === 'SMALL') {
var fullscreen = false;
var thumbs = true;
jb_4.onExpand = function(expanded) {
if (fullscreen && !thumbs) {
jb_4.toggleThumbs();
}
fullscreen = !fullscreen;
};
jb_4.onImageChange = function(e) {
if (!fullscreen) {
jb_4.toggleExpand();
}
};
jb_4.onShowThumbs = function(showing) {
thumbs = showing;
};
}
</script>
In the above example, 'jb_4' is used as the variable name for the 'juicebox' object. The '4' is the gallery id.
If your gallery id is 25, then replace all the instances of 'jb_4' with 'jb_25'.
I hope this points you in the right direction.
I'm glad to hear that it worked.
Many thanks for letting me know.
Many thanks for the additional information.
It certainly looks like Reading View in IE11 is the source of the problem.
Try adding the following line of code to your web page's <head> section. Once implemented, the Reading View icon should not appear in the address bar.
<meta name="IE_RM_OFF" content="true">
This code was taken from the Reading View Guidlines support page: http://ie.microsoft.com/testdrive/browser/readingview/
(Click the '</> Code' tab and scroll down to the 'Opt Out' section at the bottom.)
Hopefully this will help.
2) This is not possible, because all page is responsive.
Unless your web page always fills the browser's height and width completely (no matter what its size and shape) with no vertical or horizontal scrollbars, then you could try giving your gallery a width of 100% but a fixed height. If your web page is responsive but allows for vertical scrolling, then this may be a quick and easy solution to your problem.
3) Page is loaded with gallery tab open by default, so it is not possible to load gallery on click.
You could load the gallery when the page is loaded by calling the loadGallery() function in the $(document).ready(function() {}) section (alongside the click handler) e.g.:
$(document).ready(function() {
loadGallery();
$('#photo').click(function() {
loadGallery();
});
});
But may be it is possible to force gallery to refresh dimensions each time when the 'photo' tab is clicked?
That's another possible solution.
You could just load the gallery once on your page (rather than using the loadGallery() function in my suggestion above), assign a variable name to your 'juicebox' object (such as 'jb' in the example below) and then use the Juicebox-Pro API setGallerySize() method to set the gallery size when the 'photo' tab is clicked. However, please note that setGallerySize() accepts only absolute pixel values (and not percentages) so you would have to use some custom JavaScript code to fetch the size of the gallery's parent container (and/or browser window dimensions) in order to determine what the gallery's actual size (in pixels) should be.
The structure (without the actual calculations for the gallery width and height which will be unique to your own web page's layout) for such a solution might look something like this:
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "600px",
backgroundColor: "rgba(34,34,34,.5)"
});
$(document).ready(function() {
$('#photo').click(function() {
var galleryWidth; //Calculate gallery width here and assign value to galleryWidth variable
var galleryHeight; //Calculate gallery height here and assign value to galleryHeight variable
jb.setGallerySize(galleryWidth, galleryHeight);
});
});
</script>
<div id="juicebox-container">
The problem is likely to be that when you change the browser window size on the 'video' tab, the Juicebox parent container has no dimensions at that point (due to setting display: none;) and if your Juicebox gallery has a width of 100%, it will set its width to be 100% of 0px which is 0px. Changing the tab back to 'photo' does not change the browser window size so the gallery will look odd until the browser window size is changed again.
Possible solutions:
(1) Try setting only CSS visibility rather than both visibility and display.
(2) Set your gallery's dimensions to be fixed pixel values rather than percentages.
(3) Load your gallery on demand when the 'photo' tab is clicked (rather than when the page is loaded).
If you want to implement Suggestion #3 above, put your gallery's embedding code in a JavaScript function and add a click handler to your 'photo' tab to run the function when the tab is clicked.
For example, something like the following:
<script src="jbcore/juicebox.js"></script>
<script>
function loadGallery() {
new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "600px",
backgroundColor: "rgba(34,34,34,.5)"
});
}
$(document).ready(function() {
$('#photo').click(function() {
loadGallery();
});
});
</script>
<div id="juicebox-container">
Juicebox comes with its own bundled version of jQuery (within the 'juicebox.js' file) so basic jQuery functionality is available as soon as the 'juicebox.js' file is loaded in the page (and without the need to explicitly include a separate jQuery JavaScript file).
However, if your web page uses any jQuery code at all, I would certainly recommend including a separate jQuery JavaScript file (just in case we remove any jQuery functionality from the 'juicebox.js' file in the future).
It certainly sounds like your embedding code has been entered as plain text rather than as HTML code.
The most likely explanation for the embedding code being be visible on screen when you view your web page in a browser would be if Dreamweaver had modified the code (escaping the XML entities) which would happen if the embedding code had been entered as text rather than code, thereby preventing a browser from parsing it as code and resulting in it just being displayed instead.
Please double-check that you have entered the embedding code as raw HTML (to ensure that Dreamweaver does not modify the code at all) and if you continue to experience difficulties, please post the URL to your web page so that I can take a look at the problem for myself and help further. Thank you.
Thank you for providing the URL to your gallery's web page.
You currently have two lots of embedding code on your '/favs/index.htm' web page (both embedding the same gallery into the same container).
Your first lot of embedding code starts at line 30 and your second lot of embedding code starts at line 120.
Remove the first lot of embedding code (lines 30 - 39 inclusive) and your audio should play only once.
You're just about there. However, the paths in your embedding code are incorrect (the baseUrl chould point towards the gallery folder and the path to the 'juicebox.js' should be within your gallery folder) and you need a comma after the baseUrl entry in the embedding code (so that the JavaScript picks up all the other options after it).
Just change:
<!--START JUICEBOX EMBED-->
<script src="/sliders/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/sliders/jb-slider-01/"
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(18,18,18,1)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
.. to the following (the paths I have used below are relative to your '/t/mm-ex/index.html' page):
<!--START JUICEBOX EMBED-->
<script src="sliders/jb-slider-01/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "sliders/jb-slider-01/",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(18,18,18,1)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
You might find that you need to change the gallery's height to a fixed value. Please see this note regarding Using Percentage Heights.
Once you get it working, you can delete the other two lots of embedding code on your web page (which are currently commented out) above the embedding code which is active.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.