You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Thank you for reporting this. It should be fixed in the next version of Juicebox.
There is no set release date for the next version but if you would like to be notified when it is released, please sign up to our mailing list (at the foot of our home page) or follow us on Twitter @JuiceboxGallery.
Great!
Thank you for posting back to let me know.
The problem you encounter is likely to be caused by an incorrect path within your gallery's embedding code.
Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
If the information contained within the FAQ does not help, then please post the URL to your gallery so that I can take a look and help further.
(I tried using the URL from within your screenshot but received an 'Access denied' message.)
that thingy with the seven icons in the upper right
That's the Button Bar.
would disappear if you moved the mouse to, say, the taskbar...
No. If showInfoButton="TRUE", the Button Bar is always visible (whether the user hovers over the gallery or mouses-out).
That's a long sentence, but does it make my comment any clearer?
Yes, thanks. The gallery is behaving as designed (though perhaps not as you expected).
The Juicebox-Lite and Juicebox-Pro downloads are not modules for Drupal (and you cannot simply upload the contents of a gallery folder to your Drupal 'modules' directory).
Try using the dedicated Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to 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 could manually embed a Juicebox gallery in a Drupal page by following the 'Embedding in a Drupal Site' instructions here. If using this technique, it does not matter where on your web server you upload your gallery folder to as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl ) are correct.
Do I need adobe AIR for instaling it on my website?
You need Adobe AIR (installed on your computer) only if you want to use JuiceboxBuilder-Pro to create a gallery on your computer before uploading it to your website. (Take a look at the Getting Started guide.)
As you are using Drupal, you might like to use the Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to 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.
when you click the Info "off" on galleries that have the button shown, the navigation overlay is still visible if the mouse is moved off screen.
This should not be the case.
In this gallery of yours (http://www.billanddot.com/burgman/), if 'Info' is OFF and you mouse-out, only the thumbnail navigation buttons (not on the image overlay) and the Button Bar remain visible. (The entire Button Bar will always remain visible when showInfoButton="TRUE".)
Do you have a test gallery which demonstrates the behavior you describe? I'll gladly take a look.
The 'readme.html' file within the Juicebox-Pro zip download package is a standard HTML file which can be opened in any web browser.
If you have .html files associated with your system's default browser, you should be able to just double-click the file to open it.
Otherwise, you can drag and drop the file into an open browser widow.
You could also go to 'File -> Open File...' from your browser's toolbar and navigate towards the 'readme.html' file on your system.
Your main web page does not have a Doctype Declaration.
Try using the HTML 5 Doctype by putting the following code at the very top of your web page:
<!DOCTYPE html>Please see this FAQ for more information:
My gallery looks strange in Internet Explorer 9. Why?
Hopefully, this will fix your problem.
If not, then the next thing to do would be to check the code on your web page for HTML errors.
You can validate the code on your web page using the W3C Markup Validation Service and then fix any errors reported.
Yes. You can add the code to the plugin's 'wp-juicebox/jbcore/classic/theme.css' file.
(Open the file in a plain text editor and copy and paste the code to the end of the file.)
When showInfoButton="TRUE", the default behaviour controlling the overlay visibility is disabled and the overlay (except for the Button Bar itself) can be toggled on and off only by clicking on the Info Button.
(This is noted in the description for showInfoButton in the Button Bar Options section of the Config Options page.)
I hope this explains the behavior you have described.
I'm glad you have been able to resolve your problem.
Thank you for posting back to let me know.
Your editor is automatically inserting CDATA tags within your <script> tags but this is unlikely to be the cause of your problem.
(If you have the option of being able to enter raw HTML code and not have it altered by the editor, choose that.)
In the code you posted in your first post, there should be a comma after the baseUrl line.
All your files look to be in the correct locations and the permissions seem to be OK so the problem is likely to be with your embedding code. If the suggestions above do not help, please post the URL to the web page into which you are trying to embed your gallery so that I can take a look and help further.
But nothing shows.
This FAQ may also help:
When I view my gallery, I see a blank area. Why?
The vertical splitters separate different groups of buttons (such as navigation buttons and social sharing buttons) on the Button Bar.
There are no configuration options which would allow you to remove the splitters but you could remove them completely by using the following CSS in your gallery's 'index.html' page:
<style type="text/css">
.jb-bb-splitter {
border-width: 0px;
}
</style>However, this may have an unwanted side effect, for example when wrapping the Button Bar on screens of limited width, where Juicebox will not be able to accurately calculate the width of the Button Bar. (It would expect the splitters to be there.)
Therefore, it may be safer to hide (rather than remove) the splitters by using the following CSS:
<style type="text/css">
.jb-bb-splitter {
border-color: transparent !important;
}
</style>The splitters are usually only 1px wide each so hiding them should not make much of a visible difference in your gallery.
All gallery files must be located on the same domain (or subdomain) as the HTML document containing the gallery's JavaScript embedding code due to the same-origin policy.
It is not possible to have paths in your gallery's embedding code with one domain but to then try to view the gallery using a URL with a different domain.
Try using paths in your gallery's embedding code which do not hard-code a domain name. (Use a leading slash to denote the root directory of whatever domain is typed into the browser's address bar).
<script type="text/javascript" src="/architektur/pages/architecture/jbcore/juicebox.js"></script>baseURL: "/architektur/pages/architecture/",@georg_m
After selecting multiple images on the 'Images' tab (by using Ctrl+Click or Shift+Click), go to 'Images -> Delete' from the drop-down menu at the top (or press 'Ctrl+D') to delete the selection.
The quality setting will be used only if JuiceboxBuilder-Pro resizes the source images to create the images for the gallery.
This will happen only if the 'Resize Images' checkbox (on the 'Images' tab) is selected and the source images are larger than the resize dimensions. (Otherwise, the source images will simply be copied across to the gallery's 'images' folder and the quality setting will have no effect.)
I am glad you have been able to resolve your problem.
Thank you for posting back to let me know.
As Shopify is not a regular web host which provides web space which you can upload files and folders (such as a Juicebox gallery) to via FTP (please see this Shopify FAQ for details), you will need to host your gallery elsewhere and embed it into your Shopify page using an iframe.
This can be done by following the Embedding in a Web Template Site instructions.
Try using the embedding code I posted above (in this post), without 'public-html' in the paths.
If this does not work, try the following:
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/~davidfreemanphotography.co.uk/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
new juicebox({
containerId : "juicebox-container",
galleryWidth: "700",
galleryHeight: "750",
backgroundColor: "rgba(0,0,0,1)",
baseUrl: '/~davidfreemanphotography.co.uk/Galleries/TestGallery/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->The 'public_html' folder on your web server is the folder that you upload files and folders to for them to be publicly accessible on the internet but the 'public_html' folder itself does not form part of any URL.
For example, if your web domain name is www.example.com and you upload a file named 'main.html' to your 'public_html' folder, then it would be publicly accessible at www.example.com/main.html.
Try the following instead.
(You also need a comma after your backgroundColor entry and your closing }); is in the wrong place.)
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
new juicebox({
containerId : "juicebox-container",
galleryWidth: "700",
galleryHeight: "750",
backgroundColor: "rgba(0,0,0,1)",
baseUrl: '/Galleries/TestGallery/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
and especially the config.xml so that I can modify just that single file if I want to change the behavior of Juicebox in the future
A possible solution might be to set up a single XML file with the gallery configurations you'd like to use. Let's call it 'preset.xml'. (There would be no need to worry about any image data in this file. It would be used only for the configuration options.)
In your PHP file which generates the XML data for each gallery (pointed towards via the configUrl option), you could read the 'preset.xml' file and copy all the configuration options (the attributes to the opening <juiceboxgallery> tag).
Something along the lines of the following should work although you may need to modify it to suit your own needs.
<?php
$filename = 'preset.xml';
$values = array();
if (file_exists($filename)) {
$dom_doc = new DOMDocument('1.0', 'UTF-8');
$dom_doc->load($filename);
$settings_tags = $dom_doc->getElementsByTagName('juiceboxgallery');
$settings_tag = $settings_tags->item(0);
if ($settings_tag->hasAttributes()) {
foreach ($settings_tag->attributes as $attribute) {
$name = $attribute->nodeName;
$value = $attribute->nodeValue;
$values[$name] = $value;
}
}
}
$new_dom_doc = new DOMDocument('1.0', 'UTF-8');
$new_dom_doc->formatOutput = true;
$new_settings_tag = $new_dom_doc->createElement('juiceboxgallery');
foreach ($values as $key=>$value) {
$new_settings_tag->setAttribute($key, $value);
}
}
// Create image data here
$new_dom_doc->appendChild($new_settings_tag);
echo $new_dom_doc->saveXML();
?>Alternatively, if you have only one embedding code block, you could simply set your configurations in your embedding code, rather than in the XML file. Please see here for details.
We do not have a WYSIWYG web design program but we do have Showkase, a PHP web application which allows you to create complete portfolio web sites (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and SimpleViewer-Pro galleries and the galleries can be created within the application itself (or created with JuiceboxBuilder-Pro and svBuilder-Pro and imported) in a web browser interface.
You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image (with the gallery title displayed below) and the gallery is opened when the user clicks on the image.
Showkase also has the ability to create non-gallery pages such as 'About', 'Contact' and 'Basic' pages where you can enter information about yourself and contact details.
Demo sites can be found here and a sample Gallery Index page can be found here.
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
If you would like to take a look around the Showkase interface, you can log into the Live Demo Admin here.
Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)
As you already have Juicebox-Pro, you could purchase Showkase-Standard and upgrade it to use your Juicebox-Pro files by following the instructions here.
I am trying to make the navigation arrows larger.
The size of the navigation buttons can be made larger by increasing the value of the navButtonIconSize configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section). (There is no need to change the icons.)
With regard to your problem with the 'juicebox.dev.svg.zip' file, I have just downloaded the file myself and it is OK.
If you would like to check the integrity of the file you have downloaded, it should have the following properties:
Filename: juicebox.dev.svg.zip
File size: 4,820 bytes
SHA1: 212a127fd00ac840fd1e1f7108255a8de12b5f07
You can check the file's SHA1 hash with a program such as HashCalc (free).
If the file you have downloaded does not have the properties above, then please try downloading the file using a different browser (Firefox, Chrome, Safari, Internet Explorer, Chrome).
If the file you have downloaded does have the properties above but you are having trouble extracting the file, then please try a different unzipping program such as 7-Zip (free).
Make sure that your image filenames use only alpha-numeric characters (and not other characters such as apostrophes or commas).
As the image filenames form part of a URL when uploaded to a web server, it would be wise to use only web-safe characters. Please see section 2.3 of this document for details.
Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.
JuiceboxBuilder-Pro should be able to handle all images whose filenames use any or all of these characters.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.