Juicebox v1.5.1 Released!

2013-12-04 19:56:22

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.

2013-12-03 22:33:20

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.

2013-12-03 22:29:03

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.

2013-12-03 20:43:56

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.

2013-12-03 20:18:54

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.)

2013-12-03 06:24:04

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.

2013-12-03 06:16:56

I'm glad you have been able to resolve your problem.
Thank you for posting back to let me know.

2013-12-03 01:46:36

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?

2013-12-03 01:37:22

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.

2013-11-29 10:35:43

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/",

2013-11-29 10:29:48

@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.

2013-11-29 10:27:23

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.)

2013-11-29 09:50:51

I am glad you have been able to resolve your problem.
Thank you for posting back to let me know.

2013-11-27 12:48:15

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.

2013-11-25 09:32:33

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-->

2013-11-24 09:31:04

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.

2013-11-23 09:57:20

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.

2013-11-22 17:44:03

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.

2013-11-22 09:23:07

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).

2013-11-21 12:19:40

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.

2013-11-21 12:13:52

When using the WordPress Media Library as a source of images for a gallery created with WP-Juicebox, Juicebox will display all images attached to the post containing the gallery.
However, it looks like you have no Media Library images attached to the post containing your gallery.
Go into your Media Library and check that your images have been attached to the correct post.

If you find that you you have no images attached to the post (which is what your gallery's XML file currently suggests), you can either:
(1) Attach images to the post from within the Media Library itself. (Please note that WordPress allows you to attached Media Library images to only one post so if you have images that are already attached to posts and you wish to include them in a WP-Juicebox gallery, you will need to upload them again.)
... or:
(2) Edit the post containing the gallery, click the 'Add Media' button (above the editor's toolbar) and add images to the post in the pop-up window.

2013-11-21 12:05:10

Thank you for reporting this problem.
I am able to see the problem in IE10 but it does not seem to be a problem in IE11 (or in any other browsers).
I have logged a bug report with the developers and it should hopefully be fixed in the next version.

In the meantime, the workaround would be to use a different combination of captionPosition and imageTransitionType.

(Please note that there is currently a similar problem with the same symptoms as you describe which affects imageTransitionType="CROSS_FADE" in conjuction with captionPosition="BOTTOM" or "BELOW_THUMBS". This bug has already been addressed and will be fixed in the next version of Juicebox-Pro.)

2013-11-21 12:03:49

The problem is that I can´t change the homepage for the moment. Will that disapear next time if I go that website?

There is no need to change your browser's homepage.
Just go to that web address (copy and paste it into your browser's address bar when you need to) to go to the Java download page.

I also wonder why it´s not possible to see the gallery emediatly without upload it to my website and THEN see if it is allright. It´s not so workable.

Certain browsers (IE11, Chrome and Opera) have security restrictions which prevent the loading of XML files (like the one used by Juicebox to store the configuration options and image data) locally. There is nothing that can be done to circumvent this behavior.
Please see these FAQs:
When I view my gallery locally in Google Chrome, I see the message "Juicebox does not display locally in Google Chrome". Why?
When I view my gallery locally in Opera, I see the message "Juicebox does not display locally in Opera". Why?

If you want to view your gallery on your own computer before uploading it to your website, please preview it in either Firefox or Safari.

2013-11-21 12:02:51

Thank you for trying this.
This demonstrates that the gallery itself is OK but that the problem lies with the code on your embedding pages.
Loading a gallery in an iframe will isolate the gallery from the code on your main page but as you still experience issues, it looks like the problem originates from the use of different Doctypes and/or HTML errors on your pages.

Try to standardize the Doctypes across your pages and fix any HTML errors. Hopefully this will help.

I see that all your web pages now use the HTML 5 Doctype but you should still use double-quotes around the 'src' attribute within your iframe code, ie. change:

src=http://www.scatturando.it/Gallerie/panorami/index.html

... to:

src="http://www.scatturando.it/Gallerie/panorami/index.html"

2013-11-20 16:19:54

If you are referring to the way that the caption area fades out with the image and then snaps back into place, then this is unavoidable with the configuration options your gallery uses.

The way that the caption area appears and disappear is dependent on two configuration options: captionPosition and imageTransitionType.

captionPosition = BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY -> old caption area fades out
captionPosition = OVERLAY_IMAGE -> old caption area disappears instantly
imageTransitionType = CROSS_FADE -> new caption area appears instantly
imageTransitionType = FADE -> new caption area fades in

If you want your caption area to fade in and out, then set captionPosition to BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY and imageTransitionType to FADE.

Otherwise, to make the caption area transitions less noticeable, try setting your captionBackColor="rgba(0,0,0,0)" (transparent) and set the caption text to a contrasting color (such as black).

Juicebox v1.5.1 Released!

Search options (Page 168 of 235)

Posts found: 4,176 to 4,200 of 5,871

4,176 Reply by Steven @ Juicebox 2013-12-04 19:56:22

Re: [SOLVED] Adobe AIR (2 replies, posted in Juicebox-Pro Support)

4,177 Reply by Steven @ Juicebox 2013-12-03 22:33:20

Re: Navigation Bar Disappears When No Info and Mouse Moved Away (5 replies, posted in Juicebox-Pro Support)

4,178 Reply by Steven @ Juicebox 2013-12-03 22:29:03

Re: [SOLVED] lost READ ME file (2 replies, posted in Juicebox-Pro Support)

4,179 Reply by Steven @ Juicebox 2013-12-03 20:43:56

Re: IE7 issue (1 replies, posted in Juicebox-Pro Support)

4,180 Reply by Steven @ Juicebox 2013-12-03 20:18:54

Re: Possible to remove vertical bar? (3 replies, posted in Juicebox-Pro Support)

4,181 Reply by Steven @ Juicebox 2013-12-03 06:24:04

Re: Navigation Bar Disappears When No Info and Mouse Moved Away (5 replies, posted in Juicebox-Pro Support)

4,182 Reply by Steven @ Juicebox 2013-12-03 06:16:56

Re: [SOLVED] Problem with Base URL (5 replies, posted in Juicebox-Pro Support)

4,183 Reply by Steven @ Juicebox 2013-12-03 01:46:36

Re: [SOLVED] Problem with Base URL (5 replies, posted in Juicebox-Pro Support)

4,184 Reply by Steven @ Juicebox 2013-12-03 01:37:22

Re: Possible to remove vertical bar? (3 replies, posted in Juicebox-Pro Support)

4,185 Reply by Steven @ Juicebox 2013-11-29 10:35:43

Re: [SOLVED] Juicebox Error: Config XML file not found. (3 replies, posted in Juicebox-Pro Support)

4,186 Reply by Steven @ Juicebox 2013-11-29 10:29:48

Re: Feature Requests (498 replies, posted in Juicebox-Pro Support)

4,187 Reply by Steven @ Juicebox 2013-11-29 10:27:23

Re: filesize of published images (1 replies, posted in Juicebox-Pro Support)

4,188 Reply by Steven @ Juicebox 2013-11-29 09:50:51

Re: Problem when trying to embed a JuiceBox Gallery Pro (7 replies, posted in Juicebox-Pro Support)

4,189 Reply by Steven @ Juicebox 2013-11-27 12:48:15

Re: Shopify [SOLVED] (4 replies, posted in Juicebox-Pro Support)

4,190 Reply by Steven @ Juicebox 2013-11-25 09:32:33

Re: Problem when trying to embed a JuiceBox Gallery Pro (7 replies, posted in Juicebox-Pro Support)

4,191 Reply by Steven @ Juicebox 2013-11-24 09:31:04

Re: Problem when trying to embed a JuiceBox Gallery Pro (7 replies, posted in Juicebox-Pro Support)

4,192 Reply by Steven @ Juicebox 2013-11-23 09:57:20

Re: Multiple image galleries using a single config/script location (2 replies, posted in Juicebox-Pro Support)

4,193 Reply by Steven @ Juicebox 2013-11-22 17:44:03

Re: problem viewing galleries (8 replies, posted in Juicebox-Pro Support)

4,194 Reply by Steven @ Juicebox 2013-11-22 09:23:07

Re: Juicebox Icon Dev Font Bad Zip File (1 replies, posted in Juicebox-Pro Support)

4,195 Reply by Steven @ Juicebox 2013-11-21 12:19:40

Re: Builder doesn't load some jpegs (2 replies, posted in Juicebox-Lite Support)

4,196 Reply by Steven @ Juicebox 2013-11-21 12:13:52

Re: Juicebox + WPML problem (5 replies, posted in Juicebox-Pro Support)

4,197 Reply by Steven @ Juicebox 2013-11-21 12:05:10

Re: Caption overlay flashes when changing image (4 replies, posted in Juicebox-Pro Support)

4,198 Reply by Steven @ Juicebox 2013-11-21 12:03:49

Re: Toolbar (7 replies, posted in Juicebox-Lite Support)

4,199 Reply by Steven @ Juicebox 2013-11-21 12:02:51

Re: problem viewing galleries (8 replies, posted in Juicebox-Pro Support)

4,200 Reply by Steven @ Juicebox 2013-11-20 16:19:54

Re: Caption overlay flashes when changing image (4 replies, posted in Juicebox-Pro Support)

Posts found: 4,176 to 4,200 of 5,871