Juicebox v1.5.1 Released!

2016-02-20 19:26:59

If the problem is intermittent, then the cause is likely to be either web sever or internet connection related.
The code on your pages will remain constant and should be rendered with consistency.

Juicebox will display the "Config XML file not found" error if the XML file cannot be reached in a timely manner.
The fact that the problem is intermittent suggests that a timeout error may be occurring (the time taken to fetch the XML file is too long).

I'm not sure it will help but you could try increasing your PHP set_time_limit directive to ensure that your PHP file has enough time to generate the XML file.
You could also increase your browser's default timeout value to see if this makes a difference. (You might need to do a web search to see if this is possible with your particular browser.) I realise that this will not help others viewing your web site but it might give us some insight into the nature of the problem.

I notice that your gallery's XML file is generated by a PHP file but the configURL (the URL for the PHP file) is first generated by a JavaScript function.
Also, your web page loads files from several different domains and includes approximately 40 external JavaScript files and 30 external CSS files.

I understand that you may need everything for your web site to function correctly but I can't help but think that you might have fewer Juicebox errors if things were simplified a bit.
If you have any plugins which you are not currently using, try deactivating them to prevent their files from being loaded into your page.

Try also deactivating W3 Total Cache and allow all files to be served from your own web server (instead of a Content Delivery Network). I do not know if this will make a difference but it might be worth trying so see what happens.

Another thing you might like to try is to hardcode the path to the PHP file in your gallery's embedding code (to see if there is perhaps a timing issue with the JavaScript function which builds the configURL which might be contributing to the problem).
Change:

configUrl: dsidx.details.GetConfigUrl(),

... to:

configUrl: 'http://mrtownhome.net/wp-content/plugins/dsidxpress/client-assist.php?action=GetPhotosXML&pid=147337406',

You might need to change this in one of your plugin's source files. I realise that this is not a solution (it will only ever show the images for a single gallery) but it might be interesting to see if it helps with the problem.

Unfortunately, I do not have a solution to your problem and some trial and error might be required but I hope the suggestions above point you in the right direction.

2016-02-20 18:31:50

I'm glad you've got it working.
Thank you for posting back to let me know.

2016-02-20 05:43:13

All XML entities within the Gallery Title (and any other configuration options in the gallery's XML file) need to be escaped. Otherwise they may break the structure of the XML file.

If you enter a Galley Title such as "France Bretagne Normandy" into JuiceboxBuilder, the application will automatically escape the XML entities as required and the Gallery Title will become "France Bretagne Normandy" in the XML file.
However, if you edit your XML file manually, then you will need to escape the XML entitles yourself and enter:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

I have changed the code in my previous post to reflect this. Sorry for any confusion caused.

Basically, if you have any of the following characters in any configuration options in your gallery's XML file and you edit the XML file manually, then you will need to replace them as follows:

& - replace with &
' - replace with '
" - replace with "
< - replace with <
> - replace with >

2016-02-19 20:39:35

You're welcome.

2016-02-19 06:24:29

Also i like to know if it is possible to put the juicebox area higher on the page,
of is this a restriction of the WP theme i use?

Thank you for providing the URL to your gallery's web page.

There are and tags scattered throughout your gallery's embedding code which are introducing empty space and line breaks above your gallery.
It looks like these are being inserted by WordPress's wpautop function.

You could install a third-party plugin to disable the wpautop functionality, for example Toggle wpautop or wpautop control.
Otherwise, you could implement the manual solution from this forum thread.

Please note that you may need to re-enter your gallery's embedding code into your post (or manually remove the tags from the editor) after disabling wpautop (which should prevent the tags from being inserted in subsequent posts).

Alternatively, you could install the Raw HTML plugin and wrap the gallery's embedding code in [raw] ... [/raw] tags. This should prevent extra markup (such as and tags) from being added to the HTML code by WordPress itself or any third-party theme or plugins.

The galleryTitle is long i know. Is it possible to use multiple lines?

Yes. You can use HTML line breaks ( ) to split your Gallery Title into multiple lines.
Please see this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

You could use a Gallery Title such as:

galleryTitle="France Bretagne&lt;br /&gt;Normandy"

2016-02-18 21:53:04

Please see this forum post regarding image rotation. It might help to shed some light on the situation.

When images are requested from Flickr, Juicebox just displays them in the gallery (dynamically) via regular HTML <img> tags and the orientation of the image is handled by the browser.

As noted in the forum thread linked to above, the only way to ensure that your images will be displayed as you expect in all browsers and programs would be to strip the EXIF information from the images (by re-saving the images in an imaging program and choosing not to keep the EXIF information) and then rotate your images until they visibly look correct before uploading them to Flickr.

2016-02-18 07:15:18

Juicebox was not designed with this functionality in mind (the size of the gallery changing depending on the size of each image within the gallery). Ordinarily, a gallery's size will remain constant (unless the gallery is responsive and the size of the user's borwser window changes) and images will be scaled to fit within the gallery's image area.
However, you could perhaps use something like the following. The example gallery below has a fixed width and the height of the gallery changes when a new image is selected, depending on the height of the image (and adding 105 pixels to take into account the thumbnails).
If uses several Juicebox-Pro API functions.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code below.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            #wrap {
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var widthInteger = 600;
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: widthInteger.toString(),
                imageScaleMode: "SCALE"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var url = info.imageURL;
                var image = new Image();
                image.src = url;
                var height = image.height;
                var width = image.width;
                var newHeight = Math.floor((widthInteger/width)*height) + 105;
                jb.setGallerySize(widthInteger, newHeight);
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

Unfortunately, you are currently loading your gallery into an iframe and it is a little more difficult to have the gallery (on the page being loaded into the iframe) control the iframe's height (on a different page) when a new image is selected.
You would need to give your iframe an 'id', for example:

<iframe id="target" src="http://borrowsynths.com/erika/galleries/landscape/index.html" frameborder="0" scrolling="no" style="position: absolute; top:0; left: 0; width: 100%; height: 100%;"></iframe>

... and then add the following code after the jb.setGallerySize(widthInteger, newHeight); line in the sample above (to change the height of the iframe).

window.parent.document.getElementById('target').style.height = newHeight.toString() + 'px';

I hope this points you in the right direction.

2016-02-16 06:58:18

This issue (which is unique to the iPad Pro) will be fixed in the next version of Juicebox.

@robertcoldwell
Thank you very much for reporting the problem and for your help in resolving the issue (via email).

2016-02-15 01:23:38

No problem. Just glad to hear that you've got it sorted. Thank you for letting me know.

2016-02-14 22:05:03

@fkelly12054

Many thanks for sharing your experiences and web site link.

2016-02-14 02:40:27

The current version of WP-Juicebox (v1.4.4.2) should already support Google Photos.
Select 'Picasa Web Album' as the image source and enter your Google Account name in the 'Picasa User Id' input field (for example gallery123 from 'gallery123@gmail.com') and your Album Name in the 'Picasa Album Id/Name' input field.

2016-02-14 02:01:23

Ideally, the fading in of a gallery should not affect other non-gallery elements on your web page.
Please post the URL to your web page so that I can take a look at the problem for myself and hopefully help further.

The solution might just be to change use or change some CSS selectors on your header but I should have a better idea of what the problem might be when I see your web page. Thank you.

2016-02-13 07:13:17

The galleryTitle disapears when i move the mouse out of the juicebox area.
Is there a setting that i can set?

In Juicebox-Lite, the image overlay disappears after 4 seconds of inactivity or when the mouse hovers outside the gallery and, by default, the Gallery Title is positioned on the overlay.

There are certain configuration options you could use to change this behavior but they are all available to Juicebox-Pro only and are not supported by Juicebox-Lite.

(1) You could change inactivityTimeout to change the auto-hide time period (or set it to zero to disable the auto-hide functionality).
(2) You could change showImageOverlay from its default value of AUTO to ALWAYS (to always show the overlay).
(2) You could use galleryTitlePosition to place the gallery title in a non-overlay position (TOP or ABOVE_THUMBS).

Also i like to know if it is possible to put the juicebox area higher on the page,
of is this a restriction of the WP theme i use?

Whether you insert your gallery's embedding code manually or use the WP-Juicebox plugin to insert a Juicebox shortcode, the gallery will appear in the content section of your page or post.
However, the location of of the page or post content will be determined by your WordPress theme.
If you like, you could post the URL to your gallery's web page.
I'll be happy to take a look and see if there is anything that you can do to move the gallery up your page.

2016-02-08 21:25:59

As far as I am aware, the Juicebox module for Drupal does not support Picasa/Google+ as a source of images.
Please note that we did not write the module ourselves and, as such, I am not familiar with its source code and do not know how easy or difficult it might be to add such functionality.
You might like to post in the Drupal forum where the author of the module might be able to help you further.

In the meantime, here are some notes which might help.

Below is some sample PHP code which can be used to fetch images from Picasa/Google+ and display them in a Juicebox gallery.
To see the example in action:
(1) Enter your own Picasa User Id and Picasa Album Name on lines 38 and 39 of the code below.
(2) Put the code in a file named 'config.php' and place the file in your gallery folder (in the same directory as the page containing the gallery's embedding code).
(3) Add configUrl: 'config.php', to your gallery's embedding code, for example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: 'juicebox-container',
        configUrl: 'config.php'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Now just open the gallery's web page in your browser and your Picasa/Google+ images should be displayed.
(The code also uses the Picasa images's 'title' as the Juicebox image title and the Picasa image's 'summary' as the Juicebox image caption.)

You could use the baseUrl method to embed your galleries into your Drupal pages manually (please see the Embedding in a Drupal Site support section for details) and use the technique above to display your Picasa/Google+ images.
This might be easier than trying to modify the Drupal module to accept a new source of images.

Here is the 'config.php' file code:

<?php
header('Content-type: application/xml');

function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . remove_whitespace($picasa_user_id) . '/' . $term . '/' . $name . '?kind=photo&amp;imgmax=1600';
    $entries = @simplexml_load_file($picasa_feed);
    if ($entries) {
        foreach ($entries->entry as $entry) {
            $attachments[] = $entry;
        }
    }
    return $attachments;
}

function remove_whitespace($input) {
    return preg_replace('/\\s+/', '', $input);
}

function line_break($input) {
    return preg_replace('/\r\n|\r|\n/', '<br />', $input);
}

function strip_control_characters($input) {
    $output = @preg_replace('/\p{Cc}+/u', '', $input);
    return $output ? $output : $input;
}

$dom_doc = new DOMDocument('1.0', 'UTF-8');
$dom_doc->formatOutput = true;

$settings_tag = $dom_doc->createElement('juiceboxgallery');

$custom_values = array();

$custom_values['e_picasaUserId'] = 'PicasaTeam';
$custom_values['e_picasaAlbumName'] = 'VegasWeekend';

$attachments = get_attachments_picasa($custom_values['e_picasaUserId'], $custom_values['e_picasaAlbumName']);

foreach ($attachments as $attachment) {
    $media = $attachment->children('http://search.yahoo.com/mrss/');
    $media_group = $media->group;
    $image_url = $media_group->content->attributes()->{'url'};
    $thumb_url = $media_group->thumbnail[1]->attributes()->{'url'};
    $image_element = $dom_doc->createElement('image');
    $image_element->setAttribute('imageURL', $image_url);
    $image_element->setAttribute('thumbURL', $thumb_url);
    $image_element->setAttribute('linkURL', $image_url);
    $image_element->setAttribute('linkTarget', '_blank');
    $title_element = $dom_doc->createElement('title');
    $image_title = $attachment->title;
    $image_title = line_break($image_title);
    $image_title = strip_control_characters($image_title);
    $title_text = $dom_doc->createCDATASection($image_title);
    $title_element->appendChild($title_text);
    $image_element->appendChild($title_element);
    $caption_element = $dom_doc->createElement('caption');
    $image_caption = $attachment->summary;
    $image_caption = line_break($image_caption);
    $image_caption = strip_control_characters($image_caption);
    $caption_text = $dom_doc->createCDATASection($image_caption);
    $caption_element->appendChild($caption_text);
    $image_element->appendChild($caption_element);
    $settings_tag->appendChild($image_element);
}

$dom_doc->appendChild($settings_tag);

echo $dom_doc->saveXML();
?>

I hope this helps.

2016-02-08 03:29:41

I'm glad you're getting on well with Juicebox-Pro!

2016-02-07 21:42:00

The Splash Page's "View Gallery" text can be changed via Juicebox-Pro's splashButtonText configuration option (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).

The "Images" text (in "X Images") can be changed via the languageList configuration option.
More information on languageList can be found here.

languageList is not featured in the JuiceboxBuilder-Pro interface but you can set the option manually in the gallery's XML file or JavaScript embedding code by following the instructions here.

Change the 6th entry in the list ("Images"):

languageList=""Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of""

If you wanted to, you could switch off the "X Images" text by setting showSplashImageCount="FALSE".

2016-02-07 20:45:50

I'm glad you've got it working. Thank you for letting me know.

2016-02-07 06:53:29

I'm glad you've been able to use the languageList configuration option to solve your problem.
Thank you for posting back to let me know.

2016-02-07 06:52:15

Unfortunately, there is no configuration option that you can use to change the initial fade in of the gallery.
You could perhaps initially hide the 'juicebox-container' <div> using CSS and then show the gallery when Juicebox has completed initialization (when the Juicebox-Pro API onInitComplete event is fired).
Try something like the following. Create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the code below.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Juicebox-Pro Gallery</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <style type="text/css">
    body {
        margin: 0px;
    }
    #juicebox-container {
        display: none;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script>
    var jb = new juicebox({
        containerId: 'juicebox-container'
    });
    jb.onInitComplete = function() {
        $('#juicebox-container').show();
    };
    </script>
    <div id="juicebox-container"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

2016-02-06 20:44:28

I'm glad you've found the solution to your problem. Thank you for posting back to let me know.

For other Juicebox-Lite users who might be reading this, showOpenButton can be found in JuiceboxBuilder-Lite's 'Customize' section.

You can open and edit a gallery with JuiceboxBuilder-Lite (without having to rebuild the gallery from scratch) but if you want to set a configuration option manually, you can add it to the gallery's XML file or JavaScript embedding code by following the instructions here.

2016-02-06 20:39:28

You can use the languageList configuration option to change the thumbnail paging text from of to /.
More information on languageList can be found here.

languageList is not featured in the JuiceboxBuilder-Pro interface but you can set the option manually in the gallery's XML file or JavaScript embedding code by following the instructions here.

Use the following:

languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|/"

2016-02-06 20:34:58

Set enableLooping="TRUE" in JuiceboxBuilder-Pro's 'Customize -> General' section.
(This configuration option is in the General section as it applies to manual navigation as well as AutoPlay functionality.)

For reference, a list of all General Options can be found here.

2016-02-06 20:33:24

You're welcome!
I'm glad you've got it working. Thank you for posting back to let me know.

2016-02-06 20:32:28

I've taken a fresh look at your web page and the problem seems to be that WordPress is escaping certain characters in the code resulting in broken JavaScript.
If you take a look at the source of your web page, you will see that:

if (windowWidth < windowHeight && c === 'RIGHT') {

... is being entered as:

if (windowWidth < windowHeight &#038;&#038; c === 'RIGHT') {

... and your closing CDATA tag // ]]>; is being entered as // ]]>.
It looks like the WordPress editor is not respecting your code and leaving it unaltered.

Try installing the Raw HTML WordPress plugin and then wrap your code in [raw] ... [/raw] tags.
This should allow your custom HTML code to remain unmodified in your WordPress post.

2016-02-06 20:30:41

You're welcome!

Juicebox v1.5.1 Released!

Search options (Page 94 of 237)

Posts found: 2,326 to 2,350 of 5,910

2,326 Reply by Steven @ Juicebox 2016-02-20 19:26:59

Re: Juicebox Error: Config XML file not found - on 3rd party server (3 replies, posted in Juicebox-Pro Support)

2,327 Reply by Steven @ Juicebox 2016-02-20 18:31:50

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

2,328 Reply by Steven @ Juicebox 2016-02-20 05:43:13

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

2,329 Reply by Steven @ Juicebox 2016-02-19 20:39:35

Re: Flickr images rotated improperly in Juicebox (3 replies, posted in Juicebox-Pro Support)

2,330 Reply by Steven @ Juicebox 2016-02-19 06:24:29

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

2,331 Reply by Steven @ Juicebox 2016-02-18 21:53:04

Re: Flickr images rotated improperly in Juicebox (3 replies, posted in Juicebox-Pro Support)

2,332 Reply by Steven @ Juicebox 2016-02-18 07:15:18

Re: keep width constant while adjusting height (1 replies, posted in Juicebox-Pro Support)

2,333 Reply by Steven @ Juicebox 2016-02-16 06:58:18

Re: iPad Pro landscape cropping [SOLVED] (17 replies, posted in Juicebox-Pro Support)

2,334 Reply by Steven @ Juicebox 2016-02-15 01:23:38

Re: Turn off fade in on page load? [SOLVED] (5 replies, posted in Juicebox-Pro Support)

2,335 Reply by Steven @ Juicebox 2016-02-14 22:05:03

Re: Juicebox and Drupal with Picasa album (6 replies, posted in Juicebox-Pro Support)

2,336 Reply by Steven @ Juicebox 2016-02-14 02:40:27

Re: Picasa being discontinued [SOLVED] (7 replies, posted in Juicebox-Pro Support)

2,337 Reply by Steven @ Juicebox 2016-02-14 02:01:23

Re: Turn off fade in on page load? [SOLVED] (5 replies, posted in Juicebox-Pro Support)

2,338 Reply by Steven @ Juicebox 2016-02-13 07:13:17

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

2,339 Reply by Steven @ Juicebox 2016-02-08 21:25:59

Re: Juicebox and Drupal with Picasa album (6 replies, posted in Juicebox-Pro Support)

2,340 Reply by Steven @ Juicebox 2016-02-08 03:29:41

Re: View Gallery & XX images [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,341 Reply by Steven @ Juicebox 2016-02-07 21:42:00

Re: View Gallery & XX images [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,342 Reply by Steven @ Juicebox 2016-02-07 20:45:50

Re: Change thumbnail position dynamically (rotate screen)? [SOLVED] (13 replies, posted in Juicebox-Pro Support)

2,343 Reply by Steven @ Juicebox 2016-02-07 06:53:29

Re: page numbering is not consistent [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,344 Reply by Steven @ Juicebox 2016-02-07 06:52:15

Re: Turn off fade in on page load? [SOLVED] (5 replies, posted in Juicebox-Pro Support)

2,345 Reply by Steven @ Juicebox 2016-02-06 20:44:28

Re: Remove Open in New Window after gallery is already created [SOLVED] (2 replies, posted in Juicebox-Lite Support)

2,346 Reply by Steven @ Juicebox 2016-02-06 20:39:28

Re: page numbering is not consistent [SOLVED] (3 replies, posted in Juicebox-Pro Support)

2,347 Reply by Steven @ Juicebox 2016-02-06 20:34:58

Re: Endless loop? (1 replies, posted in Juicebox-Pro Support)

2,348 Reply by Steven @ Juicebox 2016-02-06 20:33:24

Re: Images Not Loading / Big Black Box [SOLVED] (5 replies, posted in Juicebox-Pro Support)

2,349 Reply by Steven @ Juicebox 2016-02-06 20:32:28

Re: Change thumbnail position dynamically (rotate screen)? [SOLVED] (13 replies, posted in Juicebox-Pro Support)

2,350 Reply by Steven @ Juicebox 2016-02-06 20:30:41

Re: config.xml on root folder but needs multiple gallery [SOLVED] (3 replies, posted in Juicebox-Lite Support)

Posts found: 2,326 to 2,350 of 5,910