Thank you for the additional information.
I have notified the developers.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Thank you for the additional information.
I have notified the developers.
What code do I need for a side menu please?
Take a look at the View Resizable Gallery with Side Menu Example in the Resizable Gallery support section.
Here is a similar all-in-one template to the one above to load multiple galleries from a side menu:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
html, body {
height: 100%;
overflow: hidden;
}
body {
margin: 0px;
background-color: #222222;
}
#menu {
background-color: #222222;
color: #666666;
font-family: sans-serif;
font-size: 20px;
float: left;
text-align: center;
padding-left: 15px;
padding-top: 20px;
height: 100%;
width: 100px;
}
#menu a {
color #666666;
text-decoration: none;
}
#wrap {
float: right;
height: 100%;
}
</style>
<script src="gallery1/jbcore/juicebox.js"></script>
<script type="text/javascript">
function doLayout() {
var windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
var menuWidth = $('#menu').outerWidth();
var galleryHeight = parseInt(windowHeight);
var galleryWidth = parseInt(windowWidth) - parseInt(menuWidth);
$('#wrap').height(galleryHeight);
$('#wrap').width(galleryWidth);
}
function loadGallery(base) {
new juicebox({
containerId: 'juicebox-container',
baseUrl: base
});
}
$(document).ready(function () {
doLayout();
$(window).on('resize', doLayout);
loadGallery('gallery1/');
});
</script>
<title>Test</title>
</head>
<body>
<div id="menu">
<a href="#" onclick="javascript: loadGallery('gallery1/'); return false;">Gallery 1</a>
<br />
<a href="#" onclick="javascript: loadGallery('gallery2/'); return false;">Gallery 2</a>
</div>
<div id="wrap">
<div id="juicebox-container"></div>
</div>
</body>
</html>Thank you for the link to your gallery and the screenshot.
For further information, what iOS 7 device do you use?
Also, does the problem happen when loading the gallery in portrait mode and rotating the device to landscape or when loading the gallery in landscape mode (or both)?
Thanks.
@apok
Thank you for your suggestions.
With regard to your third suggestion, not all browsers and devices support the Fullscreen API yet.
For a list of current browsers which do (and do not) support the Fullscreen API, please see here.
The default value for the linkURL is blank (empty).
If you deselect the linkURL checkbox in the 'Image Info' section of the Juicebox web module in Lightroom and rebuild your gallery (via the 'Export...' button), then the linkURLs in your gallery will be blank.
When the linkURLs are blank, Juicebox uses the imageURLs when the 'Open Image' button is clicked.
When the linkURLs are not blank, Juicebox will use them instead of the imageURLs when the 'Open Image' button is clicked.
If the linkURLs start with 'http://', then they will be treated as absolute paths.
If the linkURLs do not start with 'http://', then they will be treated as relative paths (relative to the HTML document containing the gallery's embedding code).
I see the flickering in Chrome 30 when I view your gallery on this page: http://www.brianwilsonphotographer.com/ … -portfolio
It is the whole gallery that flickers (not just the main image in the gallery).
However, there is no flickering when I view the gallery on its own index page: http://www.brianwilsonphotographer.com/ … index.html
It looks like there may be a problem with your iframe code.
Try validating your web page with the W3C Markup Validation Service and fix the errors reported. There are 4 errors on the page and 3 of them refer to the iframe into which the gallery is loaded.
Also, try temporarily removing the onload="iFrameHeight()" attribute from your iframe to see if this makes a difference.
OK. Thanks for posting back to let me know.
Thank you for providing the URL to your gallery.
Your linkURLs currently look like this:
linkURL="www.streetlifephotography.co.uk"When using absolute paths, they should start with 'http://'.
Change your linkURLs to look like the following and the links should be opened correctly.
linkURL="http://www.streetlifephotography.co.uk"I have not been able to reproduce this problem.
Perhaps having Windows Explorer open with the focus on the gallery's 'images' folder has somehow restricted JuiceboxBuilder-Pro's access to the folder, resulting in the application not being able to write the newly resized images to the folder. (However, this does not explain why the images were deleted but not replaced.)
Try saving your gallery with Windows Explorer closed to see if this makes a difference.
I can reproduce it.
Please post a list of steps that I can use to try to reproduce this problem myself.
Thank you.
Please post the URL to your gallery so that I can take a look.
What device(s) and/or browser(s) do you see this problem in?
Please post the URL to your gallery so that I can take a look for myself and hopefully help further.
Thank you.
Your Dropbox link leads to a page which displays the message "Nothing Here. The file you're looking for has been deleted or moved.".
Please check the link to your screenshot or describe the problem you are experiencing so that we can help further.
Also, if possible, please post the link to your gallery so that we can take a look for ourselves. Thank you.
Thank you for posting your gallery's configuration options. On further investigation, I have been able to replicate the problem.
It looks like the bug manifests itself as follows.
The caption is not displayed for the first image in each new thumbnail page (whether the thumbnails are displayed or not) the first time it is displayed when Flickr is used as a source of images and the following configuration options are set:
flickrShowTitle: "FALSE",
flickrShowDescription: "TRUE",
showImageNumber: "FALSE"In a larger gallery than your own (100% x 100% rather than 220px x 290px) with fewer images (where all thumbnails are displayed on a single thumbnail page) the bug does not appear.
I have logged a bug report with the developers.
Thank you for reporting it.
In the meantime, if your gallery does not contain too many images, a possible workaround would be to set imagePreloading="ALL".
Alternatively, you could reduce your thumbnail dimensions (e.g. thumbWidth="10" and thumbHeight="10") so that all your thumbnails would fit on a single thumbnail page (if they were displayed) and would be preloaded with the default imagePreloading setting of PAGE.
Please post the URL to your gallery so that I can take a look as I have been unable to replicate the problem you describe.
Thank you.
I created a test gallery using Juicebox-Pro v1.3.3, loading a Flickr set and setting flickrShowDescription="TRUE" and showImageNumber="FALSE". All Flickr Titles and Descriptions display as expected in my test gallery.
There may be a combination of settings (a configuration option that your gallery uses in conjunction with showImageNumber="FALSE") which is causing the problem.
You could try to reposition the Button Bar using CSS (rather than the buttonBarPosition configuration option) but there may be unwanted knock-on side-effects (for example, when the browser window is resized and the gallery is redrawn) as Juicebox will know only of the configuration option settings and will not be aware of (or take into consideration) any changes to the default CSS rules in the 'theme.css' file. Also, depending on whether or not the Button Bar is positioned on the overlay, the visibility of the Button Bar may also have to be taken into consideration.
You could try using custom CSS (such as margins, padding or absolute positioning) on the .jb-bb-bar class but please note that such modifications are not officially supported and you may run into problems.
How I can change width - height and position of caption block?
The width of the caption area is determined by the captionPosition. If captionPosition is set to OVERLAY or BOTTOM, its width matches the width of the entire stage. If captionPosition is set to OVERLAY_IMAGE or BELOW_IMAGE, its width matches the width of the main image. If captionPosition is set to BELOW_THUMBS, its width matches the width of the thumbnail area.
The height of the caption area can be set via the maxCaptionHeight configuration option.
Please note that this value will be used for the caption height only when captionPosition is set to BELOW_IMAGE, BOTTOM or BELOW_THUMBS. When captionPosition is set to OVERLAY or OVERLAY_IMAGE, the maxCaptionHeight value determines the maximum possible height of a caption.
For reference, the Caption Options can be found here.
I need open caption in full screen (with big text - 500-1000 symbols) with overflow for image in 100% for height of window size and 300 px for width and I need X - close button for caption (for see image without caption?
Juicebox-Pro does not natively feature the ability to display captions in separate tabs or windows with a close button.
By default, the caption area is displayed on the overlay and the overlay is toggled on and off when the users hovers over and out of the gallery. If you do not want your caption to be displayed on top of your main images, set captionPosition to BELOW_IMAGE, BOTTOM or BELOW_THUMBS.
Otherwise you could set showInfoButton="TRUE" so that visitors to your web site can toggle the overlay on and off via the Info Button on the Button Bar.
If you really want to have your captions opened in a new tab or window, you could either:
(1) Create a link in your standard gallery caption which would open a new page with your extended text. You can include links in captions by using HTML formatting (specifically the <a> tag) as documented in this FAQ. As Juicebox-Pro does not natively support such functionality, this setup (separate caption pages for each image) would need to be constructed manually.
... or:
(2) You could set the captions in Juicebox-Pro as normal and use the Juicebox-Pro API (specifically teh getImageInfo() method) to display the caption when a custom 'Display Caption' button (created by yourself and placed elsewhere on your web page alongside your gallery) is opened.
As an example, create a test Juicebox-Pro gallery using JuiceboxBuidler-Pro and use the following code as your gallery's 'index.html' page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<title>Test</title>
</head>
<body>
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '600',
galleryHeight: '400'
});
function display_caption() {
var index = jb.getImageIndex();
var info = jb.getImageInfo(index);
var caption = info.caption;
var popup = window.open('', 'caption', 'width=300, height=400, scrollbars=yes');
popup.document.write('<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>Caption</title></head><body><div>' + caption + '</div></body></html>');
}
</script>
<div id="juicebox-container"></div>
<div id="caption-button">
<a href="#" onclick="javascript: display_caption(); return false;">Click to display caption.</a>
</div>
</body>
</html>You could change the 'window.open' function for whatever JavaScript method you like to display your captions (such as a lightbox modal dialog).
If you wanted to incorporate the 'Display Caption' button into the gallery itself, you could use the 'Open Image' button, changing its functionality, icon and rollover tooltip text.
To change its functionality, you would need to set each image's linkUrl (in your gallery's XML file) to linkUrl="javascript: display_caption();" (the name of the custom function in the gallery's 'index.html' page used to display the caption) and set each image's linkTarget to linkTarget="_self".
To change its icon, follow the 'Using Custom Icons' instructions on the Theming support page.
To change its rollover tooltip text (to something like 'Click to display caption.'), use the languageList configuration option.
Please note that this would need to be done manually on a gallery-by-gallery basis and could not be incorporated into the Drupal module.
It sounds like there might a be a problem with your gallery's XML file such as your web host adding code to the file (for example comments or web statistics code) which may break the XML formatting.
Try opening your gallery's XML file directly in your browser and if there are any errors in the file, the browser should let you know what they are.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
Instructions for using the Juicebox module for Drupal can be found on this web page.
In order to use the module with Juicebox-Pro, use the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/') in Step #3 of the Installation instructions on this web page.
Please note that web did not write the module ourselves and support for the module should be directed towards the Drupal forums where the author of the module should be able to help you further.
Alternatively, you can manually embed a Juicebox gallery in a Drupal page by following the 'Embedding in a Drupal Site' instructions here.
As far as I am aware, there are no plans to introduce individual Pro options in the Lightroom plugin interface. (None of the available Juicebox plugins feature individual Pro options in their interfaces.)
The only programs which feature all individual Pro options are JuiceboxBuilder-Pro (which comes with Juicebox-Pro), Showkase and svManager.
Yes. You can set textShadowColor="rgba(0,0,0,0)" in the Pro Options text area.
The 4th parameter of the rgba(r,g,b,a) value is the alpha channel (the transparency) and setting it to 0 will make the text shadow completely transparent rendering it invisible.
I'm glad you have found the reason for the problem on your own computer and can now use a workaround (copy the gallery to a location outside of your Google Drive Sync folder and delete the 'desktop.ini' files).
However, I am still unable to replicate the problem.
There are 'desktop.ini' files within my own Google Drive Sync root folder and all gallery 'image' folders but it does not affect the functionality of JuiceboxBuidler-Pro. The presence of the 'desktop.ini' files does not make a difference in my own tests.
I think it's the desktop.ini that causes the problem.
Try manually deleting the 'desktop.ini' files from your Google Drive Sync root folder and all gallery 'image' folders to check whether or not the 'desktop.ini' files are the cause of the problem on your own computer.
You can upgrade an existing gallery by simply replacing the gallery's 'jbcore' folder on your web server.
There is no need to recreate your gallery.
I have found out what causes this, we store our albums in google drive
I have tried this for myself but have been unable to replicate the problem you describe.
I can save a gallery to a Google Drive Sync folder in JuiceboxBuilder-Pro and and then open it with no problem.
Also, if there are any non-gallery files in a gallery folder, JuiceboxBuilder-Pro should just ignore them (and it does in my own tests).
and google drive adds extra files to the directories.
What files do you see that Google Drive adds to your folders (I cannot tell from your video)?
Perhaps you could zip, upload and post a link to the complete gallery folder that crashes your JuiceboxBuilder-Pro so that I could take a look for myself.
I could place it in my own Google Drive Sync folder and try opening it in JuiceboxBuilder-Pro to see what happens.
Unfortunately, I do not know what might be causing your problem but it may be a permissions or administrative rights issue.
Try turning off User Account Control (UAC) on your PC to see if this makes a difference.
Please see this web page for instructions on how to do this.
and is there any log files we can take a look at.
Perhaps the Windows Event Viewer may hold a clue as to what might be causing your problem. Try looking in the 'Windows Logs' section for any warnings or errors which look like they might be relevant.
If you are trying to preview your gallery locally (on your computer), please use either Firefox or Opera.
It is not possible to display a gallery locally in IE11, Chrome or Opera due to a security restriction whereby these browsers cannot load local XML files.
Please note that your gallery will display fine in all browsers when has been uploaded to a web server.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.