3,701

(4 replies, posted in Juicebox-Pro Support)

Here are a few tips to get things working:

(1) In your 'config.php' file, change the content type to application/xml. (I have already changed this in the post where you found the code.)
(2) The $gallery[$i] entries already contain file extensions so adding .jpg to them breaks the filenames.
(3) There are no spaces between the attributes in your <juiceboxgallery> tag which causes XML parsing errors.
(4) The sourcePath entries are required only for editing galleries in JuiceboxBuilder-Pro which may need to know where the original images are stored on your hard drive if reprocessing the images is required (for example to remove a watermark or resize the images). They can safely be removed.

Try the following:

<?php
header("Content-type: application/xml");
function GetDirArray($folder)
{
    $handle=opendir($folder);
    while ($file=readdir($handle))
    {
        if ($file!="." && $file!="..")
        {
            $ret[count($ret)]=$file;
        }
    }
    closedir($handle);
    sort($ret);
    return $ret;
}
$gallery=GetDirArray('images');
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<juiceboxgallery 

    resizeOnImport="false"
    useThumbDots="false"
    useFullscreenExpand="false"
    imageFrameColor="rgba(255,255,255,1)"
    changeImageOnHover="true"
    showAutoPlayButton="false"
    showInfoButton="false"
    showImageNumber="true"
    shareFacebook="true"
    shareTwitter="true"
    shareGPlus="true"
    showSmallBackButton="true"
    backButtonPosition="OVERLAY"
    backButtonUseIcon="true"
    backButtonHAlign="LEFT"

>';
for ($i=0; $i<sizeof($gallery); $i++)
{
    echo '<image imageURL="images/'.$gallery[$i].'" ';
    echo 'thumbURL="thumbs/'.$gallery[$i].'" ';
    echo 'linkURL="images/'.$gallery[$i].'" ';
    echo 'linkTarget="_blank">';
    echo '<title><![CDATA['.$gallery[$i].']]></title>';
    echo '<caption><![CDATA[]]></caption>';
  echo '</image>';
 
}
echo '</juiceboxgallery>';
?>

3,702

(8 replies, posted in Juicebox-Pro Support)

Juicebox-Pro provides built-in support for displaying local images or images from a Flickr account only (and not other sources such as Google+).
It is certainly possible to pull in images from a custom source but you would need to use the method outlined in this FAQ:
Can Juicebox handle a custom data source, for example RSS or Instagram?

You can use the Picasa Web Albums API to fetch images from a Google+ Album.

Try the following (I have already tested it and found it to be working):

(1) In your gallery's embedding code, set the configUrl to be configUrl: 'config.php'. For example:

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

(2) Create a new file named 'config.php' in your gallery folder containing the following code:

<?php

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

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

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

$picasa_user_id = ''; // Enter your Google+ User ID here
$picasa_album_name = ''; // Enter your Google+ Album ID here

$attachments = array();
$picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . $picasa_user_id . '/albumid/' . $picasa_album_name . '?kind=photo&imgmax=1600';
$entries = simplexml_load_file($picasa_feed);
if ($entries) {
    foreach ($entries->entry as $entry) {
        $attachments[] = $entry;
    }
}

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

$dom_doc->appendChild($settings_tag);

echo $dom_doc->saveXML();

?>

You will need to enter your Google+ User ID and Album ID in the 'config.php' file where indicated.
Make sure your Google+ Album is made public ('Sharing options -> Visible to -> Public -> Save').
When you view a Google+ Album, the URL will look something like:
https://plus.google.com/photos/012345678901234567890/albums/9876543210987654321
The User ID is the number which comes after '/photos/' and the Album ID is the number which comes after '/albums/'.

Alternatively, if you wanted to pull in images from a Google Drive folder (rather than a Google+ Album), then you would need to find a way to fetch a list of files from the Google Drive folder and build the gallery's XML file in a manner similar to the example above.

I hope this points you in the right direction.

3,703

(29 replies, posted in Juicebox-Pro Support)

I tried to open the gallery I had successfully opened on my external drive and nothing.

The external drive may be the problem.
Copy your gallery folder to your computer's hard drive, disconnect your external drive and try to open the gallery.

One solution to a known issue which can arise when installing JuiceboxBuilder-Pro (noted in the Installation Issues support section is the following:

On Mac - Unmount drives other than main drive (including time machine backups) and retry installation.

If this solution can work for installation problems, it may also help with your own problem opening existing galleries.

Will this work for a download?

Unfortunately, this is not a public link which I can click to download your gallery folder. You could share the file ('Right-Click -> Google Drive -> Share... -> Public on the web') or upload it to your web server.

3,704

(8 replies, posted in Juicebox-Pro Support)

Sorry, my mistake.
Entering <a><img src="jbcore/classic/img/Logo-Dark.png" /></a> as a value for the backButtonText will work only in JuiceboxBuilder-Pro.

If you enter the value directly into a gallery's XML file, you will need to escape all XML entities as noted in this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

Therefore, the code you would enter when editing your gallery's XML file directly would be:

backButtonText="&lt;a&gt;&lt;img src=&quot;jbcore/classic/img/Logo-Dark.png&quot; /&gt;&lt;/a&gt;"

Sorry for the inconvenience but this should work fine.

3,705

(29 replies, posted in Juicebox-Pro Support)

Try uninstalling JuiceboxBuilder-Pro, searching your hard drive for any and all instances of 'JuiceboxBuilder-Pro' and manually deleting everything found. Then empty your trash and reinstall the application.
If this helps and your search returned any entries, it might help other users who encounter the same problem if you could post them here (so that the other users know what to delete).

If this does not help, then it might help if I could try opening your gallery with JuiceboxBuilder-Pro myself, just to make sure that there is nothing wrong with the gallery itself. Perhaps you could zip and upload the gallery folder somewhere and provide a download link. Thank you.

3,706

(4 replies, posted in Juicebox-Pro Support)

@quimic

If you like, you can post suggestions for future versions of Juicebox in the Feature Requests thread.
I do not know the likelihood of feature requests being implemented but posting them in this thread keeps them all together and ensures that they are not overlooked by the developers.

3,707

(3 replies, posted in Juicebox-Lite Support)

The XML data has to be in its own separate file (it is not possible to simply pass a string of data to the configURL configuration option in the embedding code).
Also, the file containing the XML data has to be fully formed before Juicebox loads it.
This could be achieved with a server-side scripting language, such as PHP (which would create the XML file on the server before Juicebox loads it), but not with client-side JavaScript.

An example of how this can be achieved can be found in the answer to Query #3 in this forum post.

You could pull in data from whatever source you like and, instead of simply echoing the output, you could build an XML file using PHP DOM techniques.

Both formats I posted above work in Safari 5.1.7 on PC and Mobile Safari on iOS 6.1.6.
If you find that:

linkURL="http://www.example.com/gallery/#2"

... does not work in one (or more) of your browsers, then it would be safer to use:

linkURL="http://www.example.com/gallery/index.html#2"

... which should work in all browsers.

3,709

(2 replies, posted in Juicebox-Pro Support)

Your gallery seems to be working OK just now. Your images display OK when I view your gallery myself.
Perhaps there was a temporary glitch with either Flickr itself or your internet connection which has now been rectified.

Edit:
I'm glad it seems to be working OK at your end now, too. Thank you for posting back to let me know.

3,710

(29 replies, posted in Juicebox-Pro Support)

If your gallery is in a folder which is synced with a cloud storage service or on a restricted file system or network drive, try moving the gallery folder to a different location on your hard drive (such as your desktop) before trying to open it.

3,711

(8 replies, posted in Juicebox-Pro Support)

Unfortunately, it is not possible to enter code such as backButtonText="<a><img src='jbcore/classic/img/Logo-Dark.png' /></a>" into the Pro Options text area in the Juicebox plugin for Lightroom as the text is split into key/value pairs using the = character and the second = character in your backButtonText line breaks the parsing of the Pro Options.

Either:
(1) After creating your gallery, open the gallery's 'config.xml' file in a plain text editor and enter the backButtonText configuration option as an attribute to the opening <juiceboxgallery> tab.
... or:
(2) Open and edit the gallery with JuiceboxBuilder-Pro. You could perhaps create your own custom preset in order to quickly apply a certain collection of settings to existing galleries. Please see the Presets section of the JuiceboxBuilder User Guide.

3,712

(3 replies, posted in Juicebox-Lite Support)

If your gallery folder is named 'gallery' and you have uploaded the complete gallery folder (not just the contents) to the root directory on your web server, then the code you posted should display the gallery (no matter where on your site the page containing the embedding code is located).
Double-check that the gallery folder is complete and has been uploaded to the correct location on your web server (the root directory, usually named 'public_html' or 'htdocs').

Also, check that the permissions on your gallery folder (and all subfolders and files within it) are not too restrictive.
Default permissions of 755 for folders and 644 for files should be fine.

If you continue to experience difficulties, please post the URL to the web page you are trying to embed the gallery into so that I can take a look and help further.

3,713

(3 replies, posted in Juicebox-Lite Support)

You can certainly load and parse an XML document (such as a gallery's 'config.xml' file) using AJAX. An example can be found here.

I'm not sure exactly what you are trying to do (perhaps you could explain in greater detail), but the likelihood is that it is possible with both Juicebox-Lite and Juicebox-Pro.

I hope the link above helps point you in the right direction.

3,714

(2 replies, posted in Juicebox-Pro Support)

Thank you for reporting this problem.
A bug report has been logged and it should hopefully be fixed in the next version.

I'm glad that you have got your links working but, just for the record, in my own tests, the slash is required for Safari 5.1.7 on PC (although Safari on PC is more than a little outdated now, the last update being over two years).

The following formats should work in all browsers:

linkURL="http://www.example.com/gallery/#2"
linkURL="http://www.example.com/gallery/index.html#2"

I have just created a sample gallery using direct link URLs for the linkURLs (as you describe) and it seems to work fine for myself in all browsers (including Safari 5.1.7 and IE11).
(I checked the opening of the linkURLs using both the 'Open Image' button on the Button Bar (showOpenButton="TRUE") and the imageClickMode="OPEN_URL" functionality.)

Make sure that you are using the most recent version of Juicebox-Pro (v1.4.1) to ensure that any bugs which may have been present in previous versions but which have since been fixed are not contributing to your problem.
If necessary, instructions for upgrading Juicebox-Pro can be found here.

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.

3,717

(2 replies, posted in Juicebox-Pro Support)

As long as the 'wp-juicebox' folder is in your WordPress 'plugins' directory (and the 'wp-juicebox.php' file is inside the 'wp-juicebox' folder), then the plugin should be listed on your Dashboard -> Plugins page.
Please double-check that the 'wp-juicebox' folder is in the correct location on your web server.

The theme you use should have no bearing on whether or not a plugin shows up in the list but, being that you are experiencing difficulties, you could try temporarily reverting to the default WordPress theme to see if this makes a difference.

I would be happy to offer more help but in order to investigate further, I would need to see the problem for myself which would require access to your WordPress installation and your web server.
If you are agreeable to this, then please email me the URL and login details to your WordPress installation and the FTP login details to your web server and I will take a look and try to figure out why the plugin is not showing up.

In the meantime, if you like, you can manually embed Juicebox galleries into your WordPress pages or posts using the baseUrl method of embedding as documented here.
Essentially, you would create a Juicebox-Pro gallery using JuiceboxBuilder-Pro, upload your entire Juicebox gallery folder (not just the contents) to your web server and then paste the baseUrl embedding code into the body of your WordPress page or post (ensuring that the method of entry is 'Text' rather than 'Visual').
It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.

It looks like your main image filenames have uppercase filename extensions (.JPG) but the imageURL entries in your gallery 'config.xml' files have lowercase filename extensions (.jpg).
Your web server is case-sensitive and .jpg is not the same as .JPG.
Please see this FAQ: My images show locally, but not when I upload them to my website. Why?
Make sure that your main image filename extensions match those of your imageURL entries and your images should display as expected.

3,719

(1 replies, posted in Juicebox-Lite Support)

Does it mean its the same with simple viewer - they both run only in the pro versions on android platforms?

No. Juicebox-Lite and Juicebox-Pro galleries both display on Android devices equally well. (Likewise with SimpleViewer-Standard and SimpleViewer-Pro.) There is no distinction between embedding a Lite/Standard (free) version and embedding a Pro version .

A blank screen on a mobile device usually implies one of two things:
(1) JavaScript is disabled in your browser.
... or:
(2) You are using a 3G connection (rather than wi-fi) to view your gallery.

The demo of your sites works on my android.  But the generated index.html does not

This suggests that the problem is not (1) above.
If you are trying to view your gallery over a 3G connection, then please see this FAQ which contains a solution to the problem.
Why can't I view my gallery on a 3G mobile connection?

You're welcome!

You should be able to add Pro configuration options manually by specifying the settings in optionName = "optionValue" format within the advanced module settings ('Pro / Manual Configuration Options').
Please note that we did not write the Juicebox module for Drupal ourselves and support for the module would be better directed towards the Drupal forum where the author of the module should be able to help you further.

3,722

(2 replies, posted in Juicebox-Pro Support)

There was a bug in the initial v1.4.1 release of JuiceboxBuilder-Pro resulting in the problem you have reported.
This problem has been fixed and we have re-bundled the download package with the new version of JuiceboxBuilder-Pro (the core Juicebox-Pro file remain the same).
Please check the filesize of your JuiceboxBuilder-Pro installation file (JuiceboxBuilder-Pro.air).
If it is 1,373,813 bytes, then you have the older version with the bug. Please re-download Juicebox-Pro v1.4.1 (using the download link from your purchase email) and re-install JuiceboxBuilder-Pro. This should hopefully solve your problem.
(The fixed version has a filesize of 1,373,971 bytes.)

Try one of the two following suggestions:

(1) Use an opaque (rather than transparent) expandedBackgroundColor (in JuiceboxBuilder-Pro's 'Customize -> Color' section). For example, try setting expandedBackgroundColor="rgba(255,255,255,1)" (make sure that the 'Opacity' value is set to '1'). This should ensure that no elements from your web page are visible when the gallery is expanded.
... or:
(2) Set expandInNewPage="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section). When the gallery is expanded from the Splash Page, it will be displayed on a page of its own rather than on top of the embedding page.

Hopefully one (or both) of these suggestions will be a suitable solution to your problem.

3,724

(3 replies, posted in Juicebox-Pro Support)

The idea behind the Using a Resizable Gallery with a Header example is that the web page has a header and footer of fixed height and the gallery takes up the remainder of the browser window (no matter what it may be). When the user changes the height of the browser window, the header and footer remain at their fixed heights and the gallery will expand or shrink to fill the remaining space. In doing so, the header, footer and gallery are always displayed in full within the browser window without the need for a vertical scroll bar.
It looks like your header and footer will likely remain the same height no matter what the height of the user's browser window is so setting their heights to be fixed should not be a problem.
If you really want to have a header and footer whose heights are dynamic, then it will almost certainly complicate things.
If you want to follow the online example, just make sure you have all your 'header' elements contained within a single container and give a height to this wrapping container. Do likewise for the 'footer'.

3,725

(1 replies, posted in Juicebox-Pro Support)

It is not possible to have the shared image's thumbnail displayed in the pop-up share window due to limitations imposed by Facebook on what data can be passed via their share URL. Only one thumbnail can be used per web page. (The link will still point towards the correct image within your gallery, though.)

The image used in the Facebook sharing pop-up window can be set using an Open Graph og:image <meta> tag in the <head> section of your web page, such as the following:

<meta property="og:image" content="http://www.example.com/images/thumbnail.jpg" />

If you create a gallery with JuiceboxBuilder-Pro, an og:image tag will be automatically generated and included in the gallery's 'index.html' file. If you are embedding your gallery in an existing web page alongside other content, then you will need to add an og:image tag manually.