First of all, please try upgrading JuiceboxBuilder-Pro to the latest version (v1.4.3) to ensure that any bugs which were present in previous versions but which have since been fixed are not contributing to your problem.
Instructions for downloading the latest version and for upgrading JuiceboxBuilder-Pro can be found here.

If you are trying to add many images at once, Adobe AIR may not be able to allocate enough memory for the task at hand. Even if your computer has plenty of free RAM, Adobe AIR applications are limited to around 1GB of memory allocation.
If the images you are currently trying to add to your project are much larger than images you have used in the past, then this might be a possible cause for your problem. This might account for not being able to add large batches of images at once but would not explain the maximum of 14 images. This sounds more like JuiceboxBuilder-Pro might be trying to process a corrupt image and then just gets stuck. Maybe there is a corrupt image somewhere within your batch of images. Try adding the images in a different order to see if JuiceboxBuilder-Pro always gets stuck on the same image.

Also, try installing and using JuiceboxBuilder-Lite (which comes with Juicebox-Lite) to see if the problem happens with both the Lite and Pro applications. JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can be installed and run side by side on the same computer without any issues. Juicebox-Lite can be downloaded from the link on this web page.

Maybe something has happened to your JuiceboxBuilder-Pro installation which is causing the problem and a clean install might help. If all is well with JuiceboxBuilder-Lite but the problem continues with JuiceboxBuilder-Pro, then you might like to try re-installing JuiceboxBuilder-Pro from scratch.

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind by manually deleting the following folders from your hard drive (if they exist):
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Program Files (x86)\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\JuiceboxBuilder-Pro
Windows: C:\Users\your_username\My Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows Explorer: http://windows.microsoft.com/en-gb/wind … dden-files

(3) Next, search your hard drive for the term 'JuiceboxBuilder-Pro' and delete any and all entries found (to be absolutely sure that nothing remains).

(4) Reinstall JuiceboxBuilder-Pro following the instructions here.

If you continue to experience difficulties, then it might help if I could see the problem for myself. If you like, please zip your images, upload the zip file somewhere and provide a download link so that I can try to replicate the problem myself and hopefully help further.

Also, please let me know exactly what happens when you say "it's only allowing me to add images by dragging them one at a time". Do you see any error messages on screen? If so, what do they say?

It is possible to change the "VIEW GALLERY" text only in Juicebox-Pro (but not in Juicebox-Lite, the free version) via the splashButtonText configuration option (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
For reference, the Splash Page configuration options for Juicebox-Pro can be found here.

The "Images" text can be changed in Juicebox-Lite using the languageList configuration option.
Please see the 'International Gallery Text' support section here for details.
You would use the following code as an attribute to the opening <juiceboxgallery> tag in your gallery's XML file, changing the text in bold to whatever you like.

languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images"

Because if I try to place a new picture somewhere in the body, it will add all pictures that were assigned to that specific page, is that correct?

Yes. That is correct. A WP-Juicebox gallery will display all images attached to the page or post containing the gallery (except the featured image if the 'Include Featured Image' checkbox is deselected).
You could certainly use images from a different source (such as a Flickr account).
You could also choose to not use WP-Juicebox and, instead, create a gallery with JuiceboxBuilder-Pro and embed the gallery in your WordPress page or post manually using the baseUrl method of embedding as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress 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, pointing towards the gallery folder) are correct.

It sounds like you are looking to have a small image link to your gallery on your main web page.

There are a couple of things you could do.

(1) Embed the gallery in your main page and set showSplashPage="ALWAYS". This will force Juicebox-Pro to displays the Splash Page rather than the gallery itself. The Splash Page is a placeholder for the gallery which, when clicked, will expand the gallery fullscreen. More information about the Splash Page can be found in the Screen Modes support section.
You can configure the Splash Page (to use a specific image and to change the text that is displayed) by using the available Splash Page configuration options (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Please note that when the Splash Page is clicked, the gallery will expand fullscreen and only the gallery will be displayed. If you want other content to be displayed alongside the gallery, then you will need to implement the next suggestion.

(2) Use a standard HTML image link in your main page to open a page containing your gallery and whatever other content you like. This is essentially what we do on our demo page (but with some extra code to dim the image on hover).
An HTML image link would look something like the following:

<a href="http://www.example.com/gallery/index.html"><img src="http://www.example.com/images/image.jpg" width="100" height="80" alt="image" /></a>

Thank you for the suggestion.
Unfortunately, there are several different plugins which allow Media Library images to be tagged and they all do it differently so WP-Juicebox would need to support each plugin with this functionality individually.
I agree that it would be great if WordPress natively supported tagging images in the Media Library (without the need for a third-party plugin). Then WP-Juicebox could support tagging without having to request that users install a particular plugin.

To answer your query regarding adding and removing images, you can add images to a WP-Juicebox gallery by attaching them to the post containing the gallery. You could edit the post, click the 'Add Media' button and drag and drop your new images into the media window. Just close the media window after they have finished uploading. (There is no need to update the post itself.) Otherwise, you could upload your new images directly to the Media Library and attach them to the post (on the Media Library page). To remove images from a WP-Juicebox gallery, just unattach the images from the post (on the Media Library page) or delete the images from the Media Library.

2,856

(7 replies, posted in Juicebox-Pro Support)

You're welcome!

2,857

(7 replies, posted in Juicebox-Pro Support)

I'm glad I was able to point you in the right direction.
Incidentally, you could also use DOM techniques to build up a gallery's XML file rather than just echoing the required output. Either would work fine.
If you plan to use PHP and want to use DOM techniques, then the following should get you started. You'll need to create loops for setting configuration options (as attributes to the opening <juiceboxgallery> tag) and for iterating over images (and also extract the relevant data from your source) but this should give you the required structure for a Juicebox gallery's XML file.

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

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

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

// Do this for each configuration option (loop)
// Need to define $key, $value
$settings_tag->setAttribute($key, $value);

// Do this for each image (loop)
// Need to define $image_url, $thumbnail_url, $link_url, $link_target, $image_title, $image_caption
$image_element = $dom_doc->createElement('image');
$image_element->setAttribute('imageURL', $image_url);
$image_element->setAttribute('thumbURL', $thumbnail_url);
$image_element->setAttribute('linkURL', $link_url);
$image_element->setAttribute('linkTarget', $link_target);
$title_element = $dom_doc->createElement('title');
$title_text = $dom_doc->createCDATASection($image_title);
$title_element->appendChild($title_text);
$image_element->appendChild($title_element);
$caption_element = $dom_doc->createElement('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();
?>

Now in the future if you could support reading JSON instead of or in addition to XML, then this would be terrific.

I do not know how likely this is to be implemented but I would certainly encourage you to post suggestions for future versions in the Feature Requests thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.

2,858

(5 replies, posted in Juicebox-Pro Support)

When you publish or update a post containing a gallery shortcode, the post id is written to the gallery's XML file (in the 'wp-content/uploads/juicebox/' directory). The gallery will then be associated with that post and will display the images attached to it.
If you have the same gallery shortcode in multiple posts, then the post id which is written to the gallery's XML file will be that of the post which was most recently published or updated which contained its shortcode.
(Each gallery should be associated with only one post and you should not have the same gallery shortcode present in multiple posts.)

If WPML duplicates an original post to make a new translated copy, then the gallery shortcode will be present in two separate posts and I suspect that the post id associated with the gallery will be that of the new post. Therefore, when you try to view either post (the original or the new post), the gallery will display the images attached to the new post.
The fact that no images display suggests that there are no images actually attached to the new post.
To check, try editing the new post, click the 'Add Media' button and select 'Uploaded to this post' to see what images (if any) are attached to it.

It might still help if I could see your broken gallery live on your web server but I suspect that from what you are saying (and my notes above) that WP-Juicebox may not be compatible with WPML and would need to be rewritten to change the way it works.

Bear in mind that you could still embed a Juicebox gallery manually in a WordPress post using the baseUrl method documented here. Such a gallery should work fine with WPML.

I will certainly keep an eye on the thread you created in the WPML forum, though.

2,859

(7 replies, posted in Juicebox-Pro Support)

You can create individual galleries using JuiceboxBuilder-Pro.
An overview of JuiceboxBuilder-Pro can be found here and the User Guide can be found here.

Once you have built your galleries, you can view the source of the View Resizable Gallery with Top Menu Example web page in a browser and copy or modify it to suit your own needs (swapping the sample galleries for your own).

Alternatively, you might like to try the following.
Create as many individual galleries as you like and name the gallery folders 'gallery1', 'gallery2', etc.
Use the following code as an HTML file, place the file in the same directory as all your gallery folders and open the file in a browser. Each of your galleries will be represented by a link at the top of the page (using the Gallery Title as the link text) and you can switch between galleries using the links. The Gallery Description is used as the footer. You can edit the HTML file to change the 'Multiple Galleries' page title or the style of the page (e.g. colors) if you like.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="minimal-ui" />
        <style type="text/css">
            html, body {
                height: 100%;
                overflow: hidden;
            }
            body {
                background-color: #222222;
                margin: 0px;
            }
            #header {
                background-color: #222222;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                padding: 10px 0px;
                text-align: center;
                width: 100%;
            }
            #page {
                font-size: 30px;
            }
            #menu {
                padding: 10px 40px 0px 40px;
            }
            #footer {
                background-color: #222222;
                bottom: 0px;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                left: 0px;
                position: relative;
                text-align: center;
                width: 100%;
            }
            #wrap {
                margin: 0 auto;
                width: 80%;
            }
            .gallery {
                cursor: pointer;
            }
            a.gallery:hover {
                color: #888888;
            }
        </style>
        <script type="text/javascript" src="gallery1/jbcore/juicebox.js"></script>
        <script type="text/javascript">

            // Initialize Juicebox object variable name
            var jb;

            // Function to process all galleries
            function doProcess(counter) {
                $.get('gallery' + counter + '/config.xml', function(data) {

                    // Build gallery folder name
                    var name = 'gallery' + counter;

                    // Create space between links
                    if (counter > 1) {
                        $('#menu').append($('<span />').html('&nbsp;&nbsp;&nbsp;'));
                    }

                    // Fetch Gallery Title from gallery XML file
                    var title = $.trim($(data).find('juiceboxgallery').attr('galleryTitle')) || 'Untitled';

                    // Fetch Gallery Description from gallery XML file
                    var description = $.trim($(data).find('juiceboxgallery').attr('galleryDescription')) || '';

                    // Add link to Document Object Model and register click handler to run loadGallery and doLayout functions when link is clicked
                    $('#menu').append($('<a />').attr('id', name).addClass('gallery').html(title).click(function() {
                        loadGallery(name, description);
                        doLayout();
                    }));

                    // Initially load first gallery
                    if (counter === 1) {
                        loadGallery(name, description);
                    }
                }).done(function() {

                    // Process next gallery
                    doProcess(++counter);
                }).fail(function() {

                    // Display message if no galleries found
                    if (counter === 1) {
                        $('#menu').append($('<span />').text('No galleries found.'));
                    }

                    // Show header and footer when all galleries have been processed
                    $('#header, #footer').show();

                    // Layout page and resize gallery
                    doLayout();
                });
            }

            // Function to layout page and resize gallery
            function doLayout() {
                var windowHeight = parseInt(window.innerHeight ? window.innerHeight : $(window).height());
                var headerHeight = parseInt($('#header').outerHeight(true));
                var footerHeight = parseInt($('#footer').outerHeight(true));
                var galleryHeight = windowHeight - headerHeight - footerHeight;
                $('#wrap').height(galleryHeight);
                if (jb) {
                    var galleryWidth = parseInt($('#wrap').innerWidth());
                    jb.setGallerySize(galleryWidth, galleryHeight);
                }
            }

            // Function to load gallery, underline selected link and display Gallery Description in page footer
            function loadGallery(base, desc) {

                // Load gallery
                jb = new juicebox({
                    backgroundColor: "#222222",
                    baseUrl: base + "/",
                    containerId: "juicebox-container",
                    galleryHeight: "100%",
                    galleryWidth: "100%"
                });

                // Underline selected link
                $('.gallery').css('text-decoration', 'none');
                $('#' + base).css('text-decoration', 'underline');

                // Display Gallery Description in page footer
                $('#description').css('padding', desc ? '10px 40px' : '0px').html(desc);
            }

            // Run following when Document Object Model is complete
            $(document).ready(function() {

                // Enter Page Title here
                var page = "Multiple Galleries";

                // Display Page Title in browser tab
                document.title = page;

                // Display Page Title in page header
                $('#page').html(page);

                // Hide header and footer until all galleries have been processed
                $('#header, #footer').hide();

                // Process all galleries
                doProcess(1);

                // Register resize handler to run doLayout function when browser window is resized
                $(window).resize(doLayout);
            });
        </script>
        <title></title>
    </head>
    <body>
        <div id="header">
            <div id="page"></div>
            <div id="menu"></div>
        </div>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
        <div id="footer">
            <div id="description"></div>
        </div>
    </body>
</html>

2,860

(5 replies, posted in Juicebox-Pro Support)

@graphicsxp

Unfortunately, I am not familiar with the WPML plugin and it is not free so I am unable to download it to test.
Perhaps if I saw the problem live on one of your web pages I might be able to determine the cause of the problem.
It sounds like the plugin might be trying to translate the gallery's dynamically-generated XML file (created on-the-fly by the 'wp-juicebox/config.php' file). Does the plugin have an exclusion zone where you can add files or pages that you do not want to be translated? If so, try excluding the the 'wp-juicebox/config.php' file or even the entire contents of the 'wp-juicebox' plugin folder.

2,861

(7 replies, posted in Juicebox-Pro Support)

... was confused by some of the terms such as JuiceBoxBuilder

Just to clarify, JuiceboxBuilder is the desktop application which comes with Juicebox to allow you to create and edit galleries on your computer. More information about JuiceboxBuilder can be found here.

As long as you know the location of the images, then you can build the gallery manually following the instructions here. Step #4 is where you would enter each image URL and caption.
Rather than start from scratch with the sample 'web' folder, you could create a gallery using JuiceboxBuilder-Pro (with a couple of sample images) to customize the gallery as you like (using the configuration options on the 'Customize' tab) and then just edit the 'config.xml' file afterwards to change the <image> data.

If you know that all the images for a gallery are going to be in a certain folder, then you could use a server-side scripting language (such as PHP) to dynamically create the required XML file. An example of how this could be achieved can be found in this forum thread.

I do not know how you will be receiving the data but if it is always in the same format, then you could perhaps write a PHP script to convert what you are given into the correct format for a Juicbeox gallery's XML file.

I hope this points you in the right direction.

2,862

(1 replies, posted in Juicebox-Pro Support)

When you add a watermark to an image, the watermark becomes part of the image itself.
The only way for JuiceboxBuilder-Pro to 'remove' a watermark is to grab a copy of the original source image and resize it for the gallery without adding a watermark. Therefore, you would need to rebuild a gallery to remove a watermark.
However, JuiceboxBuilder-Pro keeps a note of the location of each individual source image in a gallery (the sourcePath attributes in the 'config.xml' file) so rebuilding a gallery should not be a problem as long as you have not moved or deleted any of the source images themselves.

That's great to hear!
Thank you for posting back to let me know.

2,864

(1 replies, posted in Juicebox-Pro Support)

do we have to re-create the gallery through the tool and replace with it (replace only config.xml and new images I guess)

That would certainly work (and you are correct in thinking that only the updated 'config.xml' file and the new images would need to be uploaded).

Perhaps the easiest thing to do would be to set up a Juicebox gallery using a Flickr account as the source of images.
The user could then simply upload new images to the Flickr account and they would automatically be included in the Juicebox gallery (without the need to modify any gallery files).
For reference, a list of all Flickr configuration options can be found on the Config Options page (in the Lite and Flickr sections).
Please note that the configuration options in the Flickr section are Pro only and not available in Juicebox-Lite.

It would also be possible to use a PHP script to instruct Juicebox to dynamically display all images in a designated folder.
Please see this forum post for details on how this could be achieved.

Both these methods work equally well with Juicebox-Lite (the free version) and Juicebox-Pro (although Juibceox-Pro has many more Flickr configuration options than Juicebox-Lite).

2,865

(33 replies, posted in Juicebox-Pro Support)

That's certainly pretty strange. The overlay disappears in our test gallery and your own gallery in IE 11 on my own PC once the inactivityTimeout period has expired. I've checked on another PC, too. I also see no problem in IE 10 Document Mode within IE 11 (via F12 developer toolbar) and no other users have reported such an issue.
It seems that the problem may somehow be isolated to your own systems although it's certainly strange that both your PCs exhibit the problem and I cannot see the problem on either of mine.

Try a test gallery with a very short inactivityTimeout, just in case your mouse is moving very slightly within the default four seconds which is causing the timeout to reset (and the overlay to never disappear).

This is unlikely to be the cause (as it doesn't seem to happen when viewing the galleries in your other browsers) but I'm just thinking out loud in case it helps.

It's a long shot but do you have any security software installed on both your PCs which might somehow be interfering with things?
I just can't think of anything else that might be causing the problem in your IE browsers but not mine.

2,866

(29 replies, posted in Juicebox-Pro Support)

That's great!
Thanks for the feedback.

2,867

(5 replies, posted in Juicebox-Pro Support)

You're welcome.

2,868

(5 replies, posted in Juicebox-Pro Support)

Set showSmallThumbNav="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Thumbnail' section.
(The default value for this configuration option is FALSE.)

2,869

(29 replies, posted in Juicebox-Pro Support)

Juicebox dynamically loads the default theme CSS file ('jbcore/classic/theme.css') from within the 'juicebox.js' JavaScript file (unless you use a themeURL configuration option to specify a different theme CSS file).
Please try making the change to your '/gallery/welcome/jbcore/classic/theme.css' file and then clear your browser's cache before reloading your web page.
This should hopefully solve the problem.

2,870

(5 replies, posted in Juicebox-Pro Support)

Please try the following.

Open the 'jbcore/classic/theme.css' file in a plain text editor and change lines 945-947 from:

body, html {
    -ms-touch-action: none;
}

... to:

.juicebox-gallery {
    -ms-touch-action: none;
}

Hopefully this will fix the problem.

Please note that the line numbers above refer to the current version of Juicebox-Pro (v1.4.3.2).

Please try the following.

Open the 'jbcore/classic/theme.css' file in a plain text editor and change lines 945-947 from:

body, html {
    -ms-touch-action: none;
}

... to:

.juicebox-gallery {
    -ms-touch-action: none;
}

Hopefully this will fix the problem.

Please note that the line numbers above refer to the current version of Juicebox-Pro (v1.4.3.2).

2,872

(9 replies, posted in Juicebox-Pro Support)

Please try the following.

Open the 'jbcore/classic/theme.css' file in a plain text editor and change lines 945-947 from:

body, html {
    -ms-touch-action: none;
}

... to:

.juicebox-gallery {
    -ms-touch-action: none;
}

Hopefully this will fix the problem.

Please note that the line numbers above refer to the current version of Juicebox-Pro (v1.4.3.2).

2,873

(29 replies, posted in Juicebox-Pro Support)

Please try the following.

Open the 'jbcore/classic/theme.css' file in a plain text editor and change lines 945-947 from:

body, html {
    -ms-touch-action: none;
}

... to:

.juicebox-gallery {
    -ms-touch-action: none;
}

Hopefully this will fix the problem.

Please note that the line numbers above refer to the current version of Juicebox-Pro (v1.4.3.2).

2,874

(33 replies, posted in Juicebox-Pro Support)

The inactivityTimeout (default value of four seconds) seems to work fine in the demo gallery you quoted (http://www.juicebox.net/demos/lite/full/) in IE 11 on my own PC (all default settings).

Try resetting your Internet Explorer settings: http://windows.microsoft.com/en-gb/inte … s#ie=ie-11
... and also try temporarily disabling any extensions that you have installed ('Options -> Manage add-ons') which might somehow be interfering with the gallery's functionality.

2,875

(5 replies, posted in Juicebox-Pro Support)

@etienne

Please upgrade your gallery to the current version of Juicebox-Pro (v1.4.3).
Instructions for downloading the latest version and upgrading existing galleries can be found here.

The bug that you refer to (whereby elements from the embedding web page may still be visible after a gallery has been expanded) was fixed in v1.4.3 so upgrading your gallery should solve your problem.

If you still see the problem after upgrading, then please clear your browser's cache before reloading your web page.