I am glad that you have been able to find and fix 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 am glad that you have been able to find and fix your problem.
Thank you for posting back to let me know.
This embedding code will display one image (via CSS) as a background to the gallery when the thumbnails are displayed and a different image when the thumbnails are hidden. In order for the background to be visible, the gallery's own background must be transparent.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId: 'juicebox-container',
backgroundColor: 'rgba(0,0,0,0)'
});
jb.onShowThumbs = function(isShowing) {
var element = document.getElementById('juicebox-container');
var image;
if (isShowing) {
image = 'image1.jpg';
} else {
image = 'image2.jpg';
}
element.style.backgroundImage="url('" + image + "')";
};
</script>
<div id="juicebox-container" style="background-image: url('image1.jpg');"></div>
<!--END JUICEBOX EMBED-->
You can horizontally center your gallery by replacing the following line in your gallery's embedding code:
<div id="juicebox-container"></div>
... with:
<div id="juicebox-container" style="margin: 0 auto;"></div>
You can add space above or below your gallery with HTML line breaks <br />.
On the 'Manage Galleries' page, WP-Juicebox lists all XML files that it finds in the 'wp-content/uploads/juicebox/' folder. If there are more galleries than will fit in your browser window, you shjould be able to scroll down to see the rest.
Take a look in the 'wp-content/uploads/juicebox/' folder to check that there are, indeed, 274 XML files.
Also, if you have manually edited any of the XML files, make sure that when you resave them, you use a lowercase '.xml' file extension.
The checkbox will not appear when viewing your galleries locally (only when uploaded to a web server, as the checkbox relates to remembering the decision for individual domains).
Also, what actually happens on going fullscreen when setting useFullscreenExpand="TRUE" (the message that is displayed on-screen with or without the checkbox) is dependent on the browser being used to view the gallery rather than on Juicebox-Pro itself.
You could perhaps use the Juicebox-Pro API, specifically the onShowThumbs() event, to change the background of your gallery depending on whether or not the thumbnails are displayed.
The online demo notes in the 'API Output' text area when the thumbnails are displayed or hidden. You could view the source of the page in your browser and modify it to suit your own needs. Please note that knowledge of JavaScript will be required.
Somehow the Wordpress options value for juicebox got out of sync.
I do not know how that could have happened. WP-Juicebox uses an incremental counter to keep track of the last Gallery Id used and simply adds 1 each time a new gallery is created. (It does not try to fill in gaps and reuse Gallery Ids when individual galleries are deleted.)
However, I am glad that you have been able to fix your problem.
Thank you for posting back to let me know.
You could perhaps try adding CSS such as the following to the end of the 'jbcore/classic/theme.css' file (though please note that this is untested and I do not know if it will work or will have any unwanted knock-on effects).
.jb-splash-holder img {
left: 0px !important;
top: 0px !important;
}
Thank you for reporting.
I have now logged a bug report with the developers.
The text is currently hardcoded into the 'juicebox.js' file (which is packed and obfuscated and cannot be modified).
However, the ability for a user to enter custom text for the on-screen tooltip text and messages (similar to the SimpleViewer languageList configuration option) is on the roadmap and will hopefully be introduced in a future version of Juicebox-Pro (although I do not know when this may be).
I am glad you have figured it out.
Thank you for posting back to let me know.
If you are trying to get your gallery to work locally on your computer, try using paths such as:
baseUrl : 'file:///C:/Users/.../Sites/drupal/sites/all/themes/mg/galleries/Profile_Gallery/',
However, this will not work when uploaded to a web server (as the paths refer to locations on your own computer's hard drive to which internet users have no access).
You would need to swap the paths for relative URLs or absolute URLs such as:
baseUrl : 'http://www.example.com/Sites/drupal/sites/all/themes/mg/galleries/Profile_Gallery/',
@ Kaylee
Please see the Using a Resizable Gallery with a Header section of the 'Juicebox - Embedding Guide' (just scroll down the 'Embedding Multiple Galleries' section a little).
This section of the 'Juicebox - Embedding Guide' demonstrates how to have a HTML header or footer and have Juicebox resize to fill the remaining browser window.
Check out the View Resizable Gallery with Top Menu Example.
You can view the source of the web page in your browser and copy/modify it to suit your own needs.
For example, you could delete the header, swap the sample gallery for your own gallery and swap the footer content for your own navigation menu.
No. Juicebox-Pro displays only one main image at any one time.
All your files and folders look to have been uploaded to the correct locations.
However, when viewing the source of your web page, there is a stray <br /> tag after the baseUrl line in your embedding code. Remove the <br /> entry from the following line:
baseUrl : 'http://meowcreative.businesscatalyst.com/gallery/',<br />
Also, you may need to change your gallery's height from 100% to an absolute pixel value.
1.- Mostly single galleries,can the menu be removed and only the back button(or nothing) in the upper left,find the menu pushs everything too far to the right on mobile.
If you are referring to the Juicebox skin for jAlbum, then the menu can be removed (which will result in a single gallery of images in the root input directory) by going to 'Album -> Settings -> Advanced -> General' (from the drop-down menu at the top of the jAlbum window) and deselecting the 'Process subdirectories' checkbox before clicking 'OK' and making your album.
2. In the lite version the thumbs seem to be a fixed crop,I have some panoramic galleries that need a thumb that is say 180x90,possible in the PRO???
With Juicebox-Lite, all thumbnails are 85 x 85. With Juicebox-Pro, you can set the dimensions of the thumbnails to whatever you like using the Juicebox-Pro Thumbnail Options thumbWidth and thumbHeight.
You would first need to upgrade the skin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following the instructions on the skin's web page. You would then need to tell jAlbum what size of thumbnail images you would like it to create ('Album -> Settings -> Images -> Image bounds') and enter the corresponding Juicebox-Pro configuration options into the skin settings 'Pro Options' text area as follows:
thumbWidth=180
thumbHeight=90
The embedding code generated by svBuilder-Pro will look similar for each gallery as it is used when following the embedding instructions here (where the entire contents of the gallery folder should be uploaded to the same directory as the web page containing the embedding code).
Alternatively, you can upload complete gallery folders to your web server (to keep all your galleries separate from each other) and embed them in web pages using the baseUrl method documented here.
Actually, my error.. it IS the IPTC Description I used in all of my 1500 photos. So that would be great if it worked to extract the Description field to label all of my photos.
This should work fine for you. You can try it out with JuiceboxBuilder-Lite which comes with Juicebox-Lite (the free version) as JuiceboxBuilder-Lite and JuiceboxBuilder-Pro both support using the IPTC 'Description' fields for the gallery image captions. Just select 'Images -> Captions -> Use IPTC Captions' from the drop down menu at the top.
You can download Juicebox-Lite from this web page and instructions for installing JuiceboxBuilder-Lite can be found on this web page.
Setting showImageNav="NONE" and imageClickMode="NONE" would be a suitable workaround only if enableAutoPlay="FALSE" and enableKeyboardControls="FALSE". (The bug manifests itself when autoplaying and when using keyboard controls to navigate through the images as well as when using the main image navigation button.)
@artwindows
JuiceboxBuilder-Pro (which comes with Juicebox-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 image manipulation programs may use different labels for these IPTC fields.)
JuiceboxBuilder-Pro does not extract and use EXIF information.
You may be able to use jAlbum and the Juicebox Skin to create a Juicebox gallery using your EXIF information for captions. You can try it by installing both jAlbum and the Juicebox Skin and going to the 'Album -> Settings -> Advanced -> Metadata' section from the drop-down menu at the top and selecting the 'EXIF' options in the appropriate checkboxes in the 'Comment sources' control panel.
The first 4 of your steps are correct but the last 3 are not required at all.
After going through steps 1 - 4, just close the 'Insert Media' window.
You may also need to clear your browser's cache before reloading the gallery.
This procedure for reordering images can be done at the time of creating the post with the gallery or afterwards by editing the post.
Thank you for reporting.
This sounds like it might be a known bug which manifests itself only when captionPosition="OVERLAY_IMAGE", imageTransitionType="FADE" and frameWidth is greater than zero.
This bug should hopefully be fixed in the next version of Juicebox-Pro but, in the meantime, workarounds would be:
Set captionPosition to anything other than 'OVERLAY_IMAGE', or...
Set imageTransitionType to anything other than 'FADE', or...
Set frameWidth="0"
There is currently no way to vertically align the main images to the top of the image area.
However, the ability to vertically align the main images (to TOP, CENTER or BOTTOM) via a new configuration option is on the roadmap and should hopefully be included in a future version of Juicebox-Pro (though I do not know exactly when this may be).
Thank you for the suggestions.
Please post feature requests in the Feature Requests forum thread. It keeps them all together and ensures that they are not overlooked.
You can choose the color for the different texts in a gallery by using CSS as follows:
Gallery Title:
.jb-flag-large-screen-mode .jb-area-large-mode-title {
color: #ff0000;
}
Image Title:
.jb-caption .jb-caption-title {
color: #00ff00;
}
Image Caption:
.jb-cap-frame .jb-caption {
color: #0000ff;
}
For configuration beyond that which is capable using the available configuration options, please see the Theming Guide.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.