1,651

(496 replies, posted in Juicebox-Pro Support)

@arachnid

Hi. We're currently active working on a new version. Unfortunately, I'm not sure when it will be ready.
I'm sorry I can't give you a better estimate of when the next version might be released but I can at least reassure you that we are busy behind the scenes fixing bugs (including the gallery sizing bug you reported in this forum thread) and preparing the next version.

Anyone who would like to be notified when new versions are released can join our mailing list at the foot of our homepage, keep an eye on our Facebook page, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

Set flickrImageCount="500" in the Pro Options text area.
The default value is 50 and the maximum value if 500 (this maximum limit is imposed by Flickr rather than Juicebox-Pro).
For reference, the Flickr Pro Options can be found here.
This should hopefully resolve your problem.

1,653

(17 replies, posted in Juicebox-Pro Support)

The current price for Showkase-Standard (which comes bundled with Juicebox-Lite and SimpleViewer-Standard, the free versions of the image viewers) is $45.
As you already have Juicebox-Pro, you could integrate your Juicebox-Pro files into Showkase following the Installing a Pro Viewer instructions.

The current price for Showkase-Pro is $95.
When you purchase Showkase-Pro, you'll get individual download links for Showkase, Juicebox-Pro and SimpleViewer-Pro.

You can purchase Showkase-Standard or Showkase-Pro from the Purchase Page.

Unfortunately, there are no discounts currently available for Showkase but as you have recently purchased Juicebox-Pro, you could either:
(1) Purchase Showkase-Standard ($45) and integrate your Juicebox-Pro files (following the instructions in the link above). You'd then have Showkase and Juicebox-Pro for the total cost of $90.
... or:
(2) Purchase Showkase-Pro ($95) and we'll refund you in full for your recent Juicebox-Pro purchase. You'd then have Showkase, Juicebox-Pro and SimpleViewer-Pro for the total cost of $95.

If you have no need for SimpleViewer-Pro (the Flash image viewer), then the less expensive option would be to purchase Showkase-Standard.
However, if you'd like SimpleViewer-Pro, too, then Showkase-Pro offers a saving of $40 over the total cost of all three individual programs (Showkase-Standard, Juicebox-Pro and SimpleViewer-Pro).

If you'd like to purchase Showkase-Pro and would like a refund for Juicebox-Pro, just let me know.
Thank you.

I am guessing that these are my only options, yes?

Pretty much... When the images are returned via the API, the array contains certain data along with the image URL.
I listed the data that could be useful in sorting the images. There are certain other attributes attached to each image but they would be much less useful in sorting such as the image type (e.g. "image/jpeg").
The display order for each image is not stored as array values.

The images should be returned (and displayed by WP-Juicebox) in the display order (according to Google's own documentation - see the quote in my post above) and, unfortunately, if the images are returned in a different order, then there is little that WP-Juicebox can do to re-order the images other than manually sort the array using whatever attributes are available.

I realise that you already use Google Photos but if you want to have more control over the order of images in your WP-Juicebox galleries, then you might like to try using a different image source (such as the WordPress Media Library or Flickr). It would be much easier to re-order images using either of these sources.

Would "updated date" be the time that I last edited and saved the album?

I expect the 'updated' date would be the time that you last edited a particular image. (I notice that in my own test album, each image has a different 'updated' date so 'updated' seems to refer to individual images rather than the gallery as a whole.)

On that basis, I am imagining that I could re-name each image by title, such as a-1.jpg, a-2.jpg, a-3.jpg, etc. and then chose the "by title" configuration as you gave me. Are you aware of a better work-around?

You could certainly do that (or you could add alphabetical or numerical descriptions to all your images, sort by 'summary' and then tweak the WP-Juicebox code to prevent these image captions from being displayed in the gallery) but it would probably be quicker and easier to just re-upload the images to either the WordPress Media Library or Flickr and use the built-in sorting methods that these alternative image sources offer.

I think the problem may be that your gallery was, as you say in your video, never a Picasa Web Album.

My own test results show that the Picasa Web Album API is able to display images from Picasa Web Albums which were migrated over to Google Photos but not from new Google Photos galleries (which were not originally Picasa Web Albums).
(There may have been a short window during the transition from Picasa to Google where new galleries were able to be displayed but this no longer seems to be the case.)

The Picasa Web Album API is still included in WP-Juicebox for backwards compatibility (so that users with old Picasa Web Albums can still display their images).

Unfortunately, I do not know of a workaround for this (it seems that the Picasa Web Album API simply cannot display images from new Google Photos galleries) and you might need to use a different image source for your WP-Juicebox galleries (such as the WordPress Media Library or Flickr).

I realise that this is not going to be the solution that you were hoping for but it is probably what I would do in your position.

1,656

(17 replies, posted in Juicebox-Pro Support)

... any suggestions...

I see that the 'Photos' section of your website contains many photo galleries (listed under year headings).
I do not know how you are building your site (manually or with a web design program) but we have another software package named Showkase which you might be interested in.

Showkase is a PHP web application which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) and the galleries can be created and managed within the application itself in a web browser interface. (Alternatively, you could continue to create Juicebox-Pro galleries with JuiceboxBuilder-Pro and then import them into a Showkase site.)

You can create Gallery Index pages (perhaps one per year as your current site does) 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.
Demo sites created with Showkase (showing the different themes available) can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Please feel free to take a look around the Showkase interface by logging into the Live Demo Admin.

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 integrate your Juicebox-Pro files by following the Installing a Pro Viewer instructions.

Just some food for thought that might make life a little easier if you are currently building and maintaining your web site by hand.

1,657

(1 replies, posted in Juicebox-Pro Support)

Please double-check the Open Graph meta tags in your gallery's web page to make sure that the information is correct. (This is where Facebook finds the information to populate the share window.)

If the information is correct, then it sounds like you might need to clear Facebook's own cache of your gallery's web page.
Run your gallery's web page URL through the following Facebook online tools.

(1) Facebook's Sharing Debugger: https://developers.facebook.com/tools/debug/sharing/
(2) Facebook's Batch Invalidator: https://developers.facebook.com/tools/d … ing/batch/
(3) Facebook's Open Graph Object Debugger: https://developers.facebook.com/tools/debug/og/object/
(Click the 'Fetch new scrape information' button.)

This should clear Facebook's cache of your web pages and fetch new scrape information from your gallery's web page.
Hopefully this will help.

1,658

(17 replies, posted in Juicebox-Pro Support)

It might not be easy to seamlessly integrate text next to a Button Bar button but there is already rollover tooltip text associated with each button. When you mouse over the Thumbnail Button, the text 'Show Thumbnails' or 'Hide Thumbnails' (depending on the current thumbnail status) appears. If you like you can change this text via the languageList configuration option.

If you really wanted to display the text 'Toggle Thumbs' below the Thumbnail Button (for example), then you could try something like this:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: "juicebox-container",
        showThumbsButton: "TRUE",
        showThumbsOnLoad: "FALSE"
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-de-show-list').append('<p style="font-family: sans-serif; font-size: 14px; padding-top: 10px; text-align: center;">Toggle Thumbs</p>');
    };
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

1,659

(3 replies, posted in Juicebox-Pro Support)

Not a setting to make then receive reports by email...

That's correct. Unfortunately, there is no such functionality built-in to Juicebox-Pro.
However, I hope my suggestion is at least somewhat helpful.

1,660

(17 replies, posted in Juicebox-Pro Support)

Set showThumbsOnLoad="FALSE" in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section to initially hide the thumbnails.
You can also set showSmallThumbsOnLoad="FALSE" to initially skip the thumbnail page and go straight to the first image when the gallery is displayed in Small Screen Mode.

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

1,661

(3 replies, posted in Juicebox-Pro Support)

You could certainly gather hit data on your gallery's embedding page (by including Google Analytics code on the page).
You could even count hits for individual images (please see this forum thread for a suggestion).

However, if you want to track hits on the social media buttons, things might start to get a little more complicated.

You'd need to first find the internal classes used by Juicebox for the social media buttons. (You can find them in your gallery's 'jbcore/classic/theme.css' file or by inspecting a gallery's web page with your browser's developer tools.)
You'd then need to add click handlers (via JavaScript) for each one you want to track.
When one of the social media buttons is clicked, you'd need to send an event hit to Google Analytics. Check out the Google Analytics Event Tracking help page.
If you want to know which image is being displayed when the social media button is clicked, you can fetch this information using the Juicebox-Pro API (specifically the getImageIndex() method) and you can then send this information to Google Analytics within the 'send' command (perhaps as the eventValue).

Something along the lines of the following might work. Please note that this has not been tested but I hope that it points you in the right direction. Also, please note that this is intended to track clicks on the gallery's social media buttons only. It will not determine whether or not the user goes ahead with the share (they could just cancel the popup window after clicking a social media button) and it will not track any of the user's social media data (for example where the shared link is located). Even if a particular social media platform allows a callback function to be included via their API (which could be used to confirm that a share has been completed), you would not be able to take advantage of this as the code that handles the API calls is buried deep within the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified.

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google Analytics -->
    <script type="text/javascript">
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-XXXXX-Y', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <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;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script>
        var jb = new juicebox({
            containerId: "juicebox-container",
            shareFacebook: "TRUE",
            shareTwitter: "TRUE",
            shareGPlus: "TRUE",
            sharePinterest: "TRUE",
            shareTumblr: "TRUE"
        });
        jb.onInitComplete = function() {
            $('.jb-bb-btn-facebook').click(function() {
                var eventValue = jb.getImageIndex();
                ga('send', 'event', 'Facebook', 'click', 'gallery', eventValue);
            });
            $('.jb-bb-btn-twitter').click(function() {
                var eventValue = jb.getImageIndex();
                ga('send', 'event', 'Twitter', 'click', 'gallery', eventValue);
            });
            $('.jb-bb-btn-gplus').click(function() {
                var eventValue = jb.getImageIndex();
                ga('send', 'event', 'Google+', 'click', 'gallery', eventValue);
            });
            $('.jb-bb-btn-printerest').click(function() {
                var eventValue = jb.getImageIndex();
                ga('send', 'event', 'Pinterest', 'click', 'gallery', eventValue);
            });
            $('.jb-bb-btn-tumblr').click(function() {
                var eventValue = jb.getImageIndex();
                ga('send', 'event', 'Tumblr', 'click', 'gallery', eventValue);
            });
        };
    </script>
    <div id="juicebox-container"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

1,662

(17 replies, posted in Juicebox-Pro Support)

No problem!

Unfortunately, there is no method in the Picasa Web Albums Data API to request images in a specific sort order.
According to the Picasa Web Albums Data API developer's guide:

Note: The entries in a feed are ordered based upon the display order on the web site.

It certainly seems strange that the API (which WP-Juicebox uses to fetch the images) does not return images in the same order as seen on your Google web page but WP-Juicebox just displays the images in the order in which they are returned.

If you want to re-order the images, you'd need to fetch the images first (in the order in which they are returned by Google) and then sort the array of images manually afterwards by whatever criterion you'd like to use. For example, you could order the images by id, published date, updated date, title, summary or filename (all of which are returned as part of the image data and are available to work with).

First of all, you'd need to add functions to WP-Juicebox so that the images could be ordered using each of the available criteria.
You'd then need to instruct WP-Juicebox to use one of these methods after fetching the images.

Open the WP-Juicebox plugin's 'wp-juicebox.php' file in a plain text editor, scroll down to line 1344 and replace:

/**
 * Get attachments Picasa
 *
 * @param string Picasa user id
 * @param string Picasa album name
 * @return array attachments
 */
function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = $this->remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . $this->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;
}

... with:

/**
 * Get attachments Picasa
 *
 * @param string Picasa user id
 * @param string Picasa album name
 * @return array attachments
 */
function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = $this->remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . $this->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;
        }
    }
    usort($attachments, array(&$this, 'sort_picasa_xxxxxxxxx'));
    return $attachments;
}

/**
 * Sort Picasa id
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_id($a, $b) {
    $a_id = intval(basename($a->id));
    $b_id = intval(basename($b->id));
    if ($a_id === $b_id) {
        return 0;
    }
    return $a_id < $b_id ? -1 : 1;
}

/**
 * Sort Picasa published
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_published($a, $b) {
    $a_published = intval(strtotime($a->published));
    $b_published = intval(strtotime($b->published));
    if ($a_published === $b_published) {
        return 0;
    }
    return $a_published < $b_published ? -1 : 1;
}

/**
 * Sort Picasa updated
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_updated($a, $b) {
    $a_updated = intval(strtotime($a->updated));
    $b_updated = intval(strtotime($b->updated));
    if ($a_updated === $b_updated) {
        return 0;
    }
    return $a_updated < $b_updated ? -1 : 1;
}

/**
 * Sort Picasa filename
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_filename($a, $b) {
    $a_filename = basename($a->content->attributes()->src);
    $b_filename = basename($b->content->attributes()->src);
    return strnatcasecmp($a_filename, $b_filename);
}

/**
 * Sort Picasa title
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_title($a, $b) {
    $a_title = strval($a->title);
    $b_title = strval($b->title);
    return strnatcasecmp($a_title, $b_title);
}

/**
 * Sort Picasa summary
 *
 * @param string image
 * @param string image
 * @return integer image
 */
function sort_picasa_summary($a, $b) {
    $a_summary = strval($a->summary);
    $b_summary = strval($b->summary);
    return strnatcasecmp($a_summary, $b_summary);
}

Then, all you'd need to do is replace sort_picasa_xxxxxxxxx in the code above with the name of the function you'd like to use to order your images, e.g. sort_picasa_filename.

I hope this helps.

Please note that the line number above refers to the current version of WP-Juicebox (v1.5.0.1).

1,664

(17 replies, posted in Juicebox-Pro Support)

Thanks for your helpful reply.

You're welcome.

After publishing an album to my desktop from Pro, I only had to upload and replace the config file and the jbcore folder on the website and leave the rest generated by the lite version.

If you are just upgrading a gallery from Lite to Pro (and not changing any of the images), then you can certainly just replace the gallery's 'config.xml' file and 'jbcore' folder. There is no need to re-upload any of the images. However, you could perhaps instruct your FTP program to upload only new or modified files and you could then give your FTP program the entire gallery folder and only the 'config.xml' file and 'jbcore' folder would be uploaded (to save you from having to pick them out individually).

It was also time saving to have the settings saved, so I just could reload them to do the upgrade from lite to Pro. Any comment on this?

You can save a custom combination of configuration options as a 'Preset' file ('Presets -> Save Preset...' from the drop down menu at the top).
When you next edit or create a gallery, you can apply this 'Preset' file to your gallery (to set all your custom configuration options at once and save you from having to set them all individually) via 'Presets -> Load Preset...'.
You can have as many 'Preset' files as you like (each holding different configuration option values).
Please see the 'Presets' section of the JuiceboxBuilder-Pro User Guide for more information.

When you create a new album from scratch and copy all the pictures to Juicebox and start entering the captions, is there a way to delete a picture, without reloading all the pictures again, minus the one you want to delete?

You can delete an image by selecting its thumbnail with a single left-click (on the 'Images' tab) and then hitting Ctrl+D or going to 'Images -> Delete' from the drop-down menu at the top.
(You can also Shift-Click a block of images or Ctrl-Click a selection of images to delete.)

You're welcome!
I'm really glad to hear that you've got it working.
Many thanks for posting back with the update to let me know. It's most appreciated.

I assumed it was maybe a setting in Jukebox such as gallery padding or something like that.

The gallery cannot be positioned on your web page using controls within the gallery itself. The position of the gallery is dependent on where you place the gallery's container within your page's code (in relation to all other containers on your page) and what CSS positioning rules have been applied to the elements on your page.

It's now the horizontal...

The suggestion in my post above should solve this problem.
When you originally entered your gallery's embedding code into your web page, you entered the line:

<div id="juicebox-container">

Change this manually to:

<div id="juicebox-container" style="margin-left: -250px;">

... and your gallery should shift over to the left (by 250px) to where you want it to be.

Alternatively, add the following to the foot of your 'style.css' file (it will do the same thing: shift your gallery over to the left by 250px).

#juicebox-container {
    margin-left: -250px;
}

1,667

(3 replies, posted in Juicebox-Lite Support)

I do not like the way Juicebox loads images with an XML file. What is the advantage? Why did you decide to do it like that?

This was a design choice made by the developers. I cannot tell you why this choice was made (I have no greater insight into the original design of Juicebox than yourself) but image data needs to be stored somewhere and keeping it in an external file means that gallery images can easily be changed without the need to modify the gallery's embedding page. If image data were stored in the gallery's embedding page, then it would likely require more work to update a gallery.

We have like 500 tours, each tour has its own gallery and its own url. This means that I have to create an XML file for each tour?

Each gallery needs to have its own external configuration file (usually a 'config.xml' file).

Can the xml files have a different names?

Yes. You can use whatever filenames you like for the configuration files (and have them located wherever you like on your web server). You can point towards a specific configuration file using the configUrl option in your gallery's embedding code. A short description of configUrl can be found in the Embed Options section of the Config Options page.
For example:

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

If you are building the configuration file dynamically, then you could perhaps use just a single PHP file as a template to generate the gallery's configuration file and point towards different data sources via information in a query string.
For example:

configUrl: "config.php?image_set=1234",

Incidentally, since v1.5.0, Juicebox supports configuration data in JSON format as well as XML format (as noted in the Version History and in this blog entry).
A sample JSON configuration file (showing the required format) can be found in this forum post.
You would then use a configUrl such as:

configUrl: "config.json",

... or use a PHP script to generate JSON output.

Thank you for posting the URL to your gallery's web page.
It's always easier to troubleshoot a problem when I can see the gallery for myself.

A <div> is just a generic container for content on a web page. (Please see here for more technical details if you like.)
A <div> can be thought of as being just a rectangular block of content on a web page (the content might be text, an image or, in your case, a Juicebox gallery). The gallery container (a <div>) is really just a rectangle on your web page which just needs to be sized and positioned correctly. (It might help to think of the gallery like this instead of the complex image viewer that it is.)

It looks like you're making progress.
However, your gallery's <div> is nested inside another <div> (<div id="body">) which has been assigned CSS in your 'style.css' file as follows:

#body {
  float: left;
  position: relative;
  width: 279px;
  margin-top: 216px;
  margin-left: -588px;
  z-index: 21;
  min-height: 872px;
}

It's difficult to explain what's going on without referring to the code that is making it all happen but, essentially, the container that the gallery's container is inside has been given a very small width (279px) and all content within this parent container has been told to start very close to the centre of what looks like the 'body content' area of your page (which is why there is currently a lot of blank space to the left of your gallery).

There's a lot of CSS in your 'style.css' file and it might be difficult to try to figure out exactly why each container on your web page has been given the widths and margins that they have (especially as the page layout has been created by a program rather than a human being).
It might be enough to just shift your gallery over to the left (by about 250px) using a negative margin.
Your page already makes extensive use of margins (there are 61 different 'margin' entries in your 'style.css' file which is why trying to figure out where everything should be just by looking at the code is not easy) so adding another margin for the gallery's <div> might be a suitable solution.

In your gallery's embedding code, try changing the line:

<div id="juicebox-container">

... to:

<div id="juicebox-container" style="margin-left: -250px;">

The alternative would be to adjust the #body <div>'s CSS to accommodate the gallery and this would require knowledge of CSS and a better understanding of the layout of your web page (or, at the very least, some trial and error).

Even if you don't follow everything in this post, just try making the change to the <div id="juicebox-container"> line and hopefully your gallery will appear in the correct position on your web page.

I hope this helps.

A Juicebox gallery is essentially just a <div> container, and it will appear on your web page at the dimensions you give (via the galleryWidth and galleryHeight options in the embedding code) and wherever you put the <div id="juicebox-container"></div> in your web page's code.

It sounds like you might be trying to embed a gallery into a page with a complex layout and the gallery dimensions you are currently using might not be suitable for your page layout.
If you are not already doing so, try using a galleryWidth of 100% (so that the gallery fills its parent container's width) and a fixed galleryHeight such as 600px. (When using a percentage height, you would need to make sure that the gallery's parent container has a height set via CSS, otherwise Juicebox may not be able to determine what its actual height should be a percentage of.)

If this does not help, then please post back with the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further. (It sounds like you may need to either move your <div id="juicebox-container"></div> container to a different location in your web page or change your gallery's dimensions.)

Well you can't include the Juicebox created "index.html" file due to the existing "index.html" file that's already a part of your page, correct?

If you already have a file named 'index.html', then you'll need to take care not to overwrite it with the gallery's own 'index.html' file.
There are 3 options:
(1) Rename the gallery's 'index.html' file before you upload it to your web server (to ensure there are no duplicate filename collisions).
(2) Delete the gallery's 'index.html' file. This file is required only if you want to display the gallery on a web page of its own. If you are embedding your gallery into an existing web page alongside other content, then the gallery's own 'index.html' file is redundant and can safely be deleted.
(3) Use the baseUrl method of embedding documented here. This allows you to upload the entire gallery folder (not just the contents) to your web server so there will be no chance that the gallery's 'index.html' file will overwrite any similarly named files that already exist on your server.

1,670

(3 replies, posted in Juicebox-Lite Support)

Juicebox is beautiful but I do not understand how it loads images.

Ordinarily, a Juicebox gallery contains a 'config.xml' file which lists the images to display. Each image has its own <image> tag in the XML file and imageURL and thumbURL attributes point towards the images and thumbnails respectively.
When you create a gallery with JuiceboxBuilder, you would add images to a gallery (on JuiceboxBuilder's 'Images' tab). The images and thumbnails are included in the gallery folder and JuiceboxBuilder generates the correct paths for the imageURL and thumbURL attributes.

You can download Juicebox-Lite from the Download Page.
Extract the 'juicebox_lite_1.5.0.zip' file and take a look at 'config.xml' file for the sample 'web' gallery ('juicebox_lite_1.5.0/web/config.xml') in a plain text editor to see what a gallery's XML configuration file looks like.

We need to dinamically get the images for the gallery; is this possible with Juicebox?

Yes. This is certainly possible. Please see this FAQ:
Can Juicebox handle a custom data source, for example RSS or Instagram?

I do not know where your images are stored but you may need to write a script (using a server-side scripting language such as PHP) to fetch the paths to your images and dynamically build a gallery's 'config.xml' file.

Please see this forum post for an example which uses a PHP script to display all images from a designated folder (scroll down to the answer to Query #3).

Dynamically generating a 'config.xml' file will work for both Juicebox-Lite and Juicebox-Pro so you can try things out with Juicebox-Lite before purchasing Juicebox-Pro.

I hope this points you in the right direction.

Juicebox is a responsive gallery?

Yes. Please see this forum post which details how to ensure that your Juicebox gallery is responsive.
Also, check out this demo full page responsive Juicebox gallery.

1,671

(17 replies, posted in Juicebox-Pro Support)

1.
How can I see when the "Publish" transfer has completed?
If you have a lot of images it can take a while and you never know if you are interrupting the process if you make the wrong guess as to when it has completed.

There is no progress bar when saving a gallery on the 'Publish' tab but the process should not take long at all.
The procedure that takes the longest time to complete is the resizing of the images and this is done when the images are added to the gallery on the 'Images' tab. (There is a progress bar for this, letting you know how many images have been processed and how many there are in total.) All that remains when the 'Save' button is clicked is to write the 'config.xml' file, add the custom embedding code to the 'index.html' file and move the resized images (and copy the 'jbcore' folder) to the specified folder.
You can always click the 'View in Browser' checkbox on the 'Publish' tab and JuiceboxBuilder-Pro will display the gallery (from the gallery folder) when the gallery is ready.

2.
I had a hard time to get the BACK Button to work to get it to take me back to my albumlist. I found that instead of entering the albumlist I had to enter the folder it was located in. However to get it to work I had to edit the config file and remove the URL after the backButton, so it looks like: backButton="2017.htm".  I tried to make this change part of the settings file but no luck. Any idea how this can be done so I do not have to edit the config file for each album?

You can set the backButtonURL in JuiceboxBuilder-Pro's 'Customize -> Back Button' section.
The backButtonURL can be an absolute path, e.g. backButtonUrl="http://www.example.com/index.html"
... or a relative path, e.g. backButtonURL="index.html".
If using a relative path, the path will be relative to the web page containing the gallery's embedding code.

There is no configuration option named 'backButton' so if you manually edit backButtonUrl to remove the 'Url' part at the end, you will essentially have no backButtonUrl set and Juicebox-Pro will use the default behavior for backButtonUrl of going back one page in the browser's history.

This may be a repeat but I am lost as to where to add a new post!

If you want to create a new topic, select the forum you want to post in ('Juicebox-Pro Support' or 'Juicebox-Lite Support') and click the 'Post new topic' link just above the second blue menu bar at the right hand side of the page (see screenshot attached).

1,672

(1 replies, posted in Juicebox-Pro Support)

It sounds like you might be having trouble with WP-Juicebox (the Juicebox plugin for WordPress) and the Visual Composer plugin for WordPress but I can't be sure.
Could you please confirm if this is the case and also explain in detail what the problem is? Thank you.
Is the problem with the creation and/or management of galleries in the WordPress Dashboard or with the visual presentation of the galleries in the front-end of your site?
(Please note that WP-Juicebox does not work in conjunction with any other plugins. It is a standalone plugin which can be used to create a Juicebox gallery in a WordPress page or post. The embedding code is handled internally by the plugin.)

If the problem is with the gallery display, then please check your gallery's web page (using your browser's developer tools) to see if there is any custom CSS which might be interfering with the gallery.
Many WordPress plugins and themes use global CSS rules which might, for example, be applied to all <img> or <div> tags on a web page. If this is the case, then your Juicebox gallery may be inheriting these CSS rules and they may be affecting your gallery's layout or functionality.

Please also check these FAQs to see if any of them describe the problem you are facing and offer a solution.

If you are not using WP-Juicebox but are just trying to embed a Juicebox gallery into a WordPress page manually, then be sure to enter your gallery's embedding code as raw HTML (rather than plain text). Using the regular WordPress editor, you would enter the embedding code in 'Text' mode rather than 'Visual' mode.
I would recommend using the baseUrl method of embedding as documented here.
You can upload your gallery folder to anywhere on your web server as long as the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

If you continue to experience difficulties, then please post back with the URL to your gallery's web page (if the problem is in the front-end of your site) so that I can take a look at the problem for myself and hopefully help further.
If the problem is in the admin section of your site, then please describe what the problem is and provide a screenshot, if possible, so that I can see what you are seeing.

Hopefully my notes above will help.

1,673

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

1,674

(3 replies, posted in Juicebox-Pro Support)

It is not possible to save new default values for configuration options in JuiceboxBuilder-Pro but you can save a custom combination of configuration options as a 'Preset' file ('Presets -> Save Preset...' from the drop down menu at the top).

When you next edit or create a gallery, you can apply this 'Preset' file to your gallery (to set all your custom configuration options at once and save you from having to set them all individually) via 'Presets -> Load Preset...'.

You can have as many 'Preset' files as you like (each holding different configuration option values).
Please see the 'Presets' section of the JuiceboxBuilder-Pro User Guide for more information.

(You can save new default values only for image sizes. On the 'Images' tab, you can click the 'Change Sizes...' button in the 'Image Size' control panel to set image dimensions and, if you click 'Save Defaults', then the current values will become default values for new galleries.)

1,675

(3 replies, posted in Juicebox-Lite Support)

You're welcome.