Methods of adding a logo to a Juicebox-Pro gallery can be found in the Adding a Logo support section.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Methods of adding a logo to a Juicebox-Pro gallery can be found in the Adding a Logo support section.
Any news since the release of v1.3.3?
Can you provide an ETA to the bug fix?
Unfortunately, I have no news to report at the moment and there is no ETA on the fix/next version of Juicebox-Pro.
All I can say is that the developers are aware of the problem and are working towards a solution.
I understand you put that message on the lite version, but please, don't do so on the pro!
If you are referring to galleries generated by the Lightroom plugin, open the plugin's 'juicebox.lrwebengine/index.html' file (the template file which the plugin uses to generate the gallery's 'index.html' page) in a plain text editor and remove the following line (line 7):
<meta name="description" content="This is a Juicebox Gallery. Get yours at www.juicebox.net" />
All XML entities within configuration option values stored as attributes to the opening <juiceboxgallery> tag in the gallery's XML file must be escaped (otherwise, the XML formatting of the document may break).
The following characters should be replaced with their escaped counterparts as follows:
& (Ampersand) -> &
< (Left angle bracket) -> <
> (Right angle bracket) -> >
" (Straight quotation mark) -> "
' (Apostrophe) -> '
When entering data into the text fields in JuiceboxBuilder-Pro, these characters are automatically escaped by the applicaiton and you do not need to make the substitutions yourself.
There is a link to an online tool which will escape XML entities for you in the following FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?
All thumbnails in a Juicebox-Pro gallery will have the same dimensions (set via the thumbWidth and thumbHeight configuration options). It is not possible to have thumbnails of different sizes within a gallery.
Essentially, the thumbnails are designed as a navigation device. The main images themselves are not cropped (as long as imageScaleMode is set to SCALE or SCALE_DOWN).
If you like, you could post this as a suggestion for a future version of Juicebox-Pro in the Feature Request thread.
This keeps all the feature requests together and ensures that they are not overlooked.
The issue is with the front-end pages.
The only external script that WP-Juicebox loads in the frontend pages is the 'juicebox.js' file (which internally loads the 'theme.css' file). This is exactly the same as when embedding a Juicebox gallery into any other web page and it should not prevent a page from scrolling.
Knowing that the only code on the frontend pages generated by WP-Juicebox is the 'juicebox.js' file and the JavaScript embedding code, the problem would appear to be a conflict between the core Juicebox files (rather than the WP-Juicebox code) and the Media Grid plugin.
However, debugging would be difficult as both the 'juicebox.js' and 'media-grid/js/frontend.js' files are packed and obfuscated.
Unfortunately, the only solution I can think of would be to isolate the Juicebox gallery from the other code on your page by creating a gallery by a method other than WP-Juicebox (for example using JuiceboxBuilder-Pro) and loading the gallery into an iframe as documented (as Option #2) here.
Sorry, I am not familiar with MP6, is this something I should know about?
Sorry, I was referring to a different WordPress plugin named Media Grid which requires the MP6 plugin and is used in the admin section only (hence my questions).
Try setting expandInNewPage="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
For more information on the expandInNewPage configuration option, please see here.
We plan to introduce the ability to set a separate color for the expanded page background (complete with its own transparency value) in the next version of Juicebox-Pro which should provide a solution to this issue.
That's great!
I'm glad your problem has been resolved.
Thank you for posting back to let me know.
Unfortunately, I do not have a Windows Phone on which to test.
the sites will no longer scroll
Are you referring to the Media Library page in the admin section or the frontend pages?
If I know what page(s) fail to scroll, I will be able to know what scripts WP-Juicebox has loaded on the page(s) and I should have a better idea as to what might be causing the conflict.
If you are referring to the frontend pages, then please post the URL to your site so that I can take a look for myself.
Also, what happens if you deactivate MP6 but keep Media Grid activated?
No problem. I hope you find an answer to your query.
Thank you for fixing the HTML errors on your page. At least we can eliminate them from the problem now.
On further investigation, the problem may not be due to global CSS.
If you load the gallery from the a menu page and the layout appears broken, try resizing the browser window and you should see the gallery redrawn and look OK.
The problem seems to be with how your theme seems to load everything on the page at once and then selectively display whatever is chosen by the user. When the Juicebox code is first run on the page, the container into which the gallery is embedded is not visible on the page at all (and Juicebox may not be able to determine what its dimensions should be until its parent container is displayed).
Try changing the gallery's width from 100% to a fixed pixel value (such as 800px) to see if this makes a difference.
Also, when the gallery's link is clicked, you could try forcing the gallery to be redrawn by using the setGallerySize() and showGallery() Juicebox-Pro API methods. (Please note that this requires Juicebox-Pro.)
However, this may be difficult to implement within a WordPress environment where the pages are created dynamically.
It would require more than just a modification of the WP-Juicebox files as the call to the API methods would have to be placed in the links to the galleries.
I hope this points you in the right direction.
If the galleries always load OK on your Mac, then there is no problem with the gallery files themselves.
It sounds like the browser on your mobile device may be timing out whilst loading the galleries (which may be due to the speed of the web server where the galleries are hosted, your internet connection or the stability of your wi-fi connection).
I have viewed all your galleries from both links on an iPod Touch 4 iOS 6.1.3 over wi-fi and they all display OK.
With regard to the 3G problem, create an .htaccess file containing the following code and upload it to your website's root directory. (Please note that this requires an Apache web server.)
<IfModule mod_headers.c>
Header set Cache-Control "no-transform"
</IfModule>
This should prevent content modification on your site when visitors view your galleries over a 3G connection.
You could also contact your 3G provider to see if it is possible for content modification to be turned off on your account (although this will help only when you view other people's galleries and will not solve the problem of other people viewing your own galleries over their own 3G connections, which the solution above tackles).
If everything was working OK and now it is not, something must have changed to cause this problem.
Can you remember making any changes to your computer between it working and now not working?
Did you install any other software or updates which may be causing the problem?
Are you able to use System Restore to wind back your system to a time when the problem did not happen?
I have a problem, suddenly I cannot create new albums or open existing ones.
Do you mean that the 'New Gallery' and 'Open Gallery' buttons are ineffective or is there some other problem?
Try running JuiceboxBuilder-Pro with administrative rights (right-click the shortcut and select 'Run as administrator').
If this does not help, try the following.
Uninstall both JuiceboxBuilder-Pro and Adobe AIR and then manually delete the C:\Users\username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuidler-Pro folder (as before).
Now, reinstall both Adobe AIR and JuiceboxBuilder-Pro using the right-click 'Run as administrator' option (rather than just double-clicking the installation files).
If this does not help, create a new Administrator User Account and try installing and using JuiecboxBulder-Pro from this account/
Hopefully one of these suggestions will help.
Check the permissions of your gallery's 'images' and 'thumbs' folders (and of the image files themselves) on your web server with a FTP program.
When I go directly to the location of your gallery's first image in a browser, a '403 Permission Denied' message is displayed.
Permissions of 755 for folders and 644 for files should work fine.
It looks like your current WordPress theme may be using some global CSS rules which are breaking the layout of the gallery.
Also, when validating your homepage with the W3C Markup Validation service, 142 errors and 34 warnings are reported so it looks like your theme is not generating valid HTML code which may also be contributing to the problem.
Try upgrading your Nemesis theme to the current version (v1.5.2) to see if this helps.
Otherwise, try using a different theme to confirm whether or not the Nemesis theme is responsible for the HTML errors on your page.
Even if the HTML are fixed, the problem may still be due to global CSS. There is no way to sandbox elements on a web page and global CSS rules may break plugins (such as WP-Juicebox) which have no option but to inherit these rules.
The 
 character is the carriage return character.
The only way that I have been able to reproduce this problem is by saving a preset in JuiceboxBuilder-Pro, setting the imageShadowColor opacity to 100 (it should be a value between 0 and 1), and then manually editing the preset file in a text editor to introduce carriage returns into the imageShadowColor configuration option so that it looks like this:
<juiceboxpreset imageShadowColor="rgba(0,0,0,1
0
0)"/>
If I then load this modified preset in JuiceboxBuilder-Pro and save a gallery using it,
imageShadowColor="rgba(0,0,0,1
0
0)" appears in the gallery's 'config.xml' file.
I do not know how else this code might have been generated but at least you now know what to look out for.
I understand your request for a simple 'Mail' Button Bar button but, working with what is currently available, the following workaround may suit your needs better (though is a little more complex that my first suggestion).
It uses the 'Open Image' button (displayed on the Button Bar) so if you currently use this button for its intended purpose, you will not be able to implement the following.
Set every image's linkURL to 'mailto:email@address.com'.
Set every image's linkTarget to '_self'.
Set showOpenButton="TRUE" in your gallery's XML file.
Change the icon for the 'Open Image' button using the technique in the Using Custom Icons support section.
Change the toolip text for the 'Open Image' button using the languageList configuration option (so as not to confuse users).
First of all, try clearing your browser's cache to ensure that your browser is fetching and using the most recent gallery files from your web server. If this does not help, please post the URL to your 9th gallery and let me know what Gallery Title you see yourself and what Gallery Title you expect to see. Thank you.
Edit:
It looks like you have just deleted a couple of your posts.
Have you been able to solve your Gallery Title problem?
The imageShadowColor configuration option in your gallery's XML file is currently set to:
imageShadowColor="rgba(0,0,0,1
0
0)"
The 4th parameter of the rgba(r,g,b,a) value should be set to 0 for the color to be fully transparent so change it to the following:
imageShadowColor="rgba(0,0,0,0)"
For others reading this thread, you can remove the drop shadow on the main images by either setting imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) or by setting the opacity of the imageShadowColor to zero, e.g. imageShadowColor="rgba(0,0,0,0)" ('Customize -> Color').
The 4th parameter of the rgba(r,g,b,a) value is the opacity (the alpha channel).
Please note that we did not write the Juicebox module for Drupal ourselves.
If you post your query in the Drupal forums, then the author of the module should be able to help you out.
I realise that this does not directly answer your query but it should hopefully point you in the right direction.
There are two separate issues causing your problems, both of which look to be caused by global CSS on your web page that the Juicebox gallery is inheriting.
It looks like your web page uses the border-box model for all elements on the page (which affects the icons and thumbnail frames being offset) and sets a global font (which overrides the main image navigation buttons).
Try adding the following CSS to your gallery's 'jbcore/classic/theme.css' page which should solve the second issue (with the main image navigation buttons):
.jb-navigation .jbn-left-button, .jb-navigation .jbn-right-button {
font-family: juicebox;
}
With regard to the first issue, try searching through the CSS on your web page for an entry such as:
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
If you find such an entry, change it to:
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
... and then add the following CSS to your gallery's 'jbcore/classic/theme.css' page. This should fix the problem.
.juicebox-gallery a, .juicebox-gallery div, .juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery p, .juicebox-gallery span, .juicebox-gallery u {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
Bug reports have been logged for both issues so the gallery elements affected should hopefully be better protected against global CSS in the next version of Juicebox.
I doubt this this is intentional but it may be default behavior and unavoidable. At least the text is highlighted so that users know the text is selected.
I will notify the developers. Thank you for pointing this out.
Edit:
This has now been logged as a bug and should hopefully be fixed in the next version of JuiceboxBuilder.
I have been running into the same problem , is there anyway you might explain this in greater detail ?
If you plan to embed multiple galleries on a single page, you can do the following:
(1) Create your galleries and keep each one in its own folder.
(2) Upload the complete gallery folders (not just the contents) to your web server.
(3) Embed each gallery in your web page using the baseUrl method documented here.
Here are a few tips:
It does not matter where on your web server you upload your gallery folders to as long as the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
Each gallery must be embedded in a <div> with a unique 'id'.
It is necessary to load the 'juicebox.js' file only once per page (not once per gallery).
For example, if you were to embed two galleries on a single page, the embedding code for the two galleries might look something like this.
<script src="http://www.example.com/gallery1/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: 'http://www.example.com/gallery1/',
containerId: 'juicebox-container1',
galleryWidth : '800',
galleryHeight : '600',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container1"></div>
<script>
new juicebox({
baseUrl: 'http://www.example.com/gallery2/',
containerId: 'juicebox-container2',
galleryWidth : '800',
galleryHeight : '600',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container2"></div>
And when you say have multiple galleries on different pages can these galleries be imbedded in another css?
If you are embedding multiple galleries on different pages (i.e. only one gallery per page, then you can follow the standard embedding instructions here or the baseUrl method. Either will work equally well.
CSS (Cascading Style Sheets) is a method of styling web pages. It is not possible to embed a gallery 'in another CSS'. Do you perhaps mean a CMS (Content Management System) such as WordPress, Joomla or Drupal? If so, you can embed Juicebox galleries in any web page in the same way.
@voxen
Thank you for the suggestion.
You could achieve something similar using the Back Button. You could change the icon used for the Back Button (for example to an envelope icon) following the Using Custom Icons support section in the Theming Guide.
You could then use the following configuration options in your gallery:
backButtonPosition="TOP"
backButtonUseIcon="TRUE"
backButtonUrl="mailto:email@address.com"
You can embed a Juicebox gallery in Drupal by either:
(1) Using the Juicebox module for Drupal. (Please note that we 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 out.)
... or:
(2) Following the manual embedding instructions here.
If you want to be able to open an image from within a gallery in a lightbox-style modal window, then this can be achieved by following the instructions in this forum post.
I expect it would be rather complex to try to incorporate such functionality into the Juicebox module and it would probably be easier to try to implement it manually.
First, create the gallery as required (with the necessary linkURLs and linkTargets in the gallery's 'config.xml' file).
Next, you would need to include all the necessary external JavaScript and CSS files (from the code in the forum post linked to above) into the <head> section of your page.
These two links should be able to help with this:
https://drupal.org/node/171209
https://drupal.org/node/304255
Then, the embedding code that you would need to add to your page would look something like this:
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
var jb;
$(document).ready(function () {
jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '600'
});
});
function func() {
var index = jb.getImageIndex();
var info = jb.getImageInfo(index);
var url = info.imageURL;
var title = info.title;
Shadowbox.open({
content: url,
player: 'img',
title: title
});
}
</script>
<div id="juicebox-container"></div>
My server permissions do not allow me to add or manipulate the root directory. Httpdocs was a folder it allowed me to add files to so I stuck the gallery folder in there.
That's perfectly normal and the right thing to do.
'httpdocs' ('http:// documents') is the folder on your web server that you upload files and folder to for them to be accessible on the internet. (Some web servers name this folder 'public_html'.)
Just change your existing embedded code for the code I posted above (making no changes to it) and your gallery should display fine.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.