3,101 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

WP-Juicebox displays all images attached to the post containing the gallery.
The process you are using:

Button Add Media
select images
insert in  page

... will simply insert existing images from the Media Library images into the post. (It will not attach images to the post.)

You should follow the 'Adding Images From WordPress Media Library' instructions on the plugin's support page here.
Essentially:
(1) Click the 'Add Media' button above the toolbar.
(2) Drag and drop images from a folder on your computer into the media window and wait for them to finish uploading.
(3) Close the media window (with the cross at the top right corner).  (Do not click the 'Insert Into Post' button.)
(You can change the order of the images by selecting 'Uploaded to this post' in the media window and then dragging and dropping the thumbnails.)

Please note that WordPress allows each Media Library image to be attached to only one post so it is not possible to include images from the Media Library which are already attached to other posts.

Go to forum: Juicebox-Pro Support

3,102 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

If you are having trouble with WordPress inserting <br> and <p> tags around HTML code you insert into the body of your page or post in 'Text' mode, then please see the following forum thread for details and possible solutions.
http://stackoverflow.com/questions/6625 … ress-posts

Go to forum: Juicebox-Pro Support

3,103 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The MD5 hash for the current (v1.4.3) 'JuiceboxBuilder-Pro.air' file is 4ff2a4c89ee2f4c8bc35fe72ba6a1288 so it seems that your JuiceboxBuilder-Pro installation file may be corrupt or incomplete.
Did you encounter any errors whilst unzipping the Juicebox-Pro download zip package?

Try downloading the Juicebox-Pro zip file again (using the link from your purchase email), perhaps using a different browser this time (Chrome, Firefox, Internet Explorer, Opera, Safari).

Also, please see the note regarding the error message you encountered in the Installation Issues of the JuiceboxBuilder User Guide.

If you receive the message "The application could not be installed because the installer file is damaged" when running the JuiceboxBuilder.air installer:

On Windows - You could be launching the installer from a restricted file system or network drive. Try copying the installer to your desktop and install from there.
On Mac - Unmount drives other than main drive (including time machine backups) and retry installation.
It is possible that the application didn't download completely. Retry downloading the installer.

Go to forum: Juicebox-Pro Support

3,104 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

Try increasing maxCaptionHeight (in JuiceboxBuilder-Pro's 'Customize -> Caption' section) to allow more room for your captions. (It is currently set to 55 and the default value is 120.) Also, try reducing maxThumbRows ('Customize -> Thumbnails'). This may also increase the space available for your captions.

Go to forum: Juicebox-Pro Support

3,105 Reply by Steven @ Juicebox

(14 replies, posted in Juicebox-Pro Support)

If nothing happens when you click the 'New Gallery...' or 'Open Gallery...' buttons on the 'Start' tab, then I would normally recommend the following, although it sounds like you have already done this:

(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) Delete the following folder manually:
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
(3) Search your hard drive for the term 'JuiceboxBuilder-Pro' and delete any and all entries found.
(4) Reinstall JuiceboxBuilder-Pro.

Steps #2 and #3 should ensure that no files are left behind from any previous version or failed installation.

Please also check that you are using the current version of JuiceboxBuilder-Pro (v1.4.3) by going to 'Help -> About JuiceboxBuilder-Pro...' from the drop down menu at the top. If necessary, instructions for upgrading can be found here

If you continue to experience problems, then there is a fairly comprehensive list of things to check/try in this forum thread.

Hopefully one of the suggestions in the forum thread will help.

Go to forum: Juicebox-Pro Support

3,106 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Thank you for your suggestion.
Please post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

Go to forum: Juicebox-Pro Support

3,107 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Can you confirm that I have to remove "jbcode" folder even if it correspond to the Juicebox-Lite version ?

Yes, please.

Go to forum: Juicebox-Pro Support

3,108 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

As long as you do not distribute the Juicebox core files (the 'jbcore' folder) and as long as individual users comply with the terms of use (which can be found here), there is no problem with sharing your project.

By all means, please post details of your project and the PHP code here.
Hopefully it will be of interest to other users.

Many thanks for taking an interest in expanding the usability of Juicebox and for sharing your code.

Go to forum: Juicebox-Pro Support

3,109 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

If you want to suppress scroll bars on your web page, you can use the following CSS in the <head> section of your web page:

<style type="text/css">
    body, html {
        overflow: hidden;
    }
</style>

However, if content on your web page extends beyond the bottom of the browser window, then users will not be able to scroll down to see the hidden content.
If you want to ensure that your web page displays your header and gallery without the need for scroll bars (displaying the header with a specified height and using the remainder of the space for the gallery), then you might like to take a look at the online View Resizable Gallery with Top Menu Example sample in the Using a Resizable Gallery with a Header support section. You could view the source of the web page in a browser and copy/modify the code to suit your own needs (swapping the header content for your own header and the sample gallery for your own gallery).

Go to forum: Juicebox-Pro Support

3,110 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Please see this FAQ:
How do I allow or prevent users from saving gallery images?

When viewing a gallery, a user will not be able to simply right-click and save an image.
However, it is not possible to prevent a user from taking a screenshot of your gallery.
To deter users from doing so, you might like to watermark your images. JuiceboxBuilder-Pro (which comes with Juicebox-Pro) features the ability to watermark your images when creating a gallery. Please see here for details.
You can also set showOpenImage="FALSE" (as noted in the FAQ above) to disable the 'Open Image in New Window' button in your gallery.

The image URLs are stored in an XML file.
If a user is determined to track down your image and is familiar with the structure of a Juicebox gallery, it is possible to view the source of the web page in a browser, find the URL of the XML file and view this file to find the individual image URLs. There is nothing that can be done to prevent a user from doing this (as the 'View Source' functionality is built into each browser).

Anything you do to try to prevent a user from directly viewing an image will also prevent Juicebox from doing the same.

Watermarking your images, setting showOpenImage="FALSE", not being able to right-click the images to save them and ensuring that your images are of a file size suitable for web gallery use but not large enough for other purposes (such as printing) should hopefully be enough to prevent the casual user from copying your images.

Go to forum: Juicebox-Pro Support

3,111 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

Please re-download Juicebox-Pro v1.4.3 and upgrade your galleries with the new 'jbcore' folder.
Full instructions for downloading the most recent version and for upgrading existing galleries can be found on the Upgrading Juicebox support page.
We have just released a hotfix version of v1.4.3 which fixes the showImageNav=ALWAYS" bug.

Go to forum: Juicebox-Pro Support

3,112 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Unfortunately, I have no personal experience with any other ecommerce solution so cannot recommend an alternative to Fotomoto. I would just need to research the subject online (as I'm sure you are currently doing).

I realise that this does not help you but I thought I should at least reply to your query rather than leave it unanswered.

Hopefully some other users reading this thread will be able to post some suggestions.

Just for the record, Juicebox-Pro's only other built-in shopping cart solution would be to use custom purchase URLs as documented in the Shopping Cart support section.
Even if you were to find an alternative to Fotomoto, it might be difficult to incorporate a different ecommerce solution into a Juicebox-Pro gallery. You would almost certainly need to use the Juicebox-Pro API to at least fetch information about the current image in order to forward it on to your ecommerce solution.

Go to forum: Juicebox-Pro Support

3,113 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

Unfortunately, the lack of animation when firing the toggleThumbs() API method has not been fixed for v1.4.3 but it has been logged as a bug and is due to be fixed in a future version (although I do not know exactly when).

I hadn't tried before to use the script in my embed code, but now that I do, it doesn't work for me.

You need to assign your 'juicebox' object a variable name so that it can be referenced when using the API methods and events.
In my example above (and in the code that you have placed in your web page), the 'juicebox' object has been given a name of 'jb'.
Therefore, in your gallery's embedding code, just change:

new juicebox({

... to:

var jb = new juicebox({

Go to forum: Juicebox-Pro Support

3,114 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

@amadeus77

Is there a problem with the navigation buttons in Touch Mode?

Yes. Currently, in Touch Mode, the main image nav buttons are not visible when showImageNav=ALWAYS" (they should be).

Any solution?

There is no workaround at the moment but the bug should hopefully be fixed soon.

Go to forum: Juicebox-Pro Support

3,115 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It certainly sounds like your problems were web server related so hopefully your change of host will go smoothly and give consistent and predictable results.

Go to forum: Juicebox-Pro Support

3,116 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I'm glad that my suggested solution works for you.
Thank you for posting back to let me know.

Go to forum: Juicebox-Pro Support

3,117 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

You currently have two lots of embedding code (the new juicebox() section) on your web page (the code from my example above and your original code) and your original gallery is the one which is initially being loaded into the 'juicebox-container' div on your web page, essentially overriding the gallery from my example. You would need to integrate your own gallery into the rest of the code from my example. Also, your web page currently loads the 'juicebox.js' file after the custom JavaScript code. Try loading the 'juicebox.js' file before the custom JavaScript code.
Try the following in your web page as your complete embedding code:

<script src="/wp-content/uploads/juicebox/journalism/jbcore/juicebox.js"></script>
<script type='text/javascript'> 
    var fii = 1;
    var sm = 'AUTO';
    var thresholdWidth = 600;
    var jb;

    function loadGallery(fii, sm) {
        jb = new juicebox({
            baseUrl : "/wp-content/uploads/juicebox/journalism/",
            containerId : "juicebox-container",
            galleryWidth : "100%",
            galleryHeight : "100%",
            backgroundColor: "#000000",
            firstImageIndex: fii,
            screenMode: sm
        });
    }

    function setScreenMode() {
        var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
        var mode = windowWidth < thresholdWidth ? 'SMALL' : 'LARGE';
        if (sm !== mode) {
            sm = mode;
            fii = jb.getImageIndex();
            loadGallery(fii, mode);
        }
    }

    $(document).ready(function() {
        $(window).resize(setScreenMode);
        loadGallery(fii, sm);
        setTimeout(function() {
            sm = jb.getScreenMode();
            if (sm === 'LARGE') {
                setScreenMode();
            }
        }, 500);
    });
</script>
<div id="juicebox-container"></div>

Hopefully this will help.

Go to forum: Juicebox-Pro Support

3,118 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

There were not many changes to the 'theme.css' file between v1.4.2 and v1.4.3 (mainly a few default value changes for things like opacity values and an entry to fix a bug relating to z-index values). There looks to be no changes which should cause any problems with imageNavPosition="STAGE" vs "IMAGE". However, there may be other changes to CSS generated dynamically by the 'juicebox.js' file.

I would certainly try using the stock v1.4.3 'jbcore' folder to see if your problems still occur.

Go to forum: Juicebox-Pro Support

3,119 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

3,120 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Inconsistent behavior such as the scenario you have reported is likely to be due to web server problems, especially if you have not made any changes to your web site files.
For example, if your web server is unable to serve the gallery's XML file in a timely manner when requested, then Juicebox will display the "Config XML file not found" message.
Please check with your web host to see if they have made any changes or have been experiencing any problems recently which might be contributing to your problem.

Go to forum: Juicebox-Pro Support

3,121 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

If you would like to check the integrity of your Juicebox-Pro zip file (to make sure that the file you have downloaded is not corrupt or incomplete), then you can check its MD5 or SHA1 hash using a free program such as HashCalc.
The 'juicebox_pro_1.4.3.zip' file should have the following MD5 and SHA1 hashes:
MD5: e6f229bca8f874217d9bee1a29cddd29
SHA1: 1ef543d1d8abd6eaa1b32395fd7ce5e35321a66d

If your own downloaded file's hashes do not match those above, then your zip file is corrupt and you will need to download the file again.
If you are having trouble downloading the file, then please try using a different browser (Chrome, Firefox, IE, Opera, Safari), ensure that you have JavaScript enabled before clicking the download link and temporarily disable any download accelerators or managers that you may have installed.

If your own downloaded file's hashes do match those above, then your zip file is fine and you should be able to unzip it and install JuiceboxBuilder-Pro and the Lightroom plugin following the instructions on the following pages:
JuiceboxBuilder-Pro: http://www.juicebox.net/support/juiceboxbuilder/
Lightroom plugin: http://www.juicebox.net/support/lightroom/

From the look of your first screenshot, it looks like you unzipping program (WinAce) is trying to extract the 'JuiceboxBuilder-Pro.air' file when you double-click it. This could be due to an incorrect file association on your computer.
.air files should be associated with the Adobe AIR Installer rather than WinACE. You should be able to unassociate .air files from running with WinAce within WinAce's options. This should revert to the default file association program for .air files.
Otherwise, uninstalling and reinstalling Adobe AIR should reinstate the correct file association.

Alternatively, as long as Adobe AIR is installed, the following should work fine to install JuiceboxBuilder-Pro (even if the file associations are incorrect or missing):

  • Right-click the 'JuiceboxBuilder-Pro.air' file.

  • Select 'Open with -> Choose default program...'.

  • Click the 'Browse...' button in the pop-up window.

  • Navigate to the following file and select (highlight) it: C:\Program Files (x86)\Common Files\Adobe AIR\Versions\1.0\Adobe AIR Application Installer.exe

  • Click then 'Open' button.

You may need to show hidden files to navigate to this location: http://windows.microsoft.com/en-us/wind … dden-files

unable to access the Web tab in lightroom after click on galleryInfo.Irweb

With regard to installing the Lightroom plugin, you should not be clicking directly on the 'galleryInfo.Irweb' file.
Just follow the installation instructions on the plugin's support page (link above).
Essentially, just copy the entire 'juicebox_pro_1.4.3/adobe-lightroom-plugin/juicebox_pro.lrwebengine' folder (not just the contents) to your Lightroom 'Web Galleries' folder ('C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\'). 'Juicebox-Pro' should then be listed as a Layout Style in the Web module.

Hopefully the information above will help.

Go to forum: Juicebox-Pro Support

3,122 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

As you are aware, the main image scales dynamically with the size of the user's browser window but the thumbnails do not.

Is it possible that if the window is reduced in width that it kicks in the responsive display shown on small screens ie mobile format?

You could perhaps use JavaScript to listen out for a change in the browser's width and display the gallery in Large Screen Mode if the width is greater than a certain threshold value and Small Screen Mode if the width is less than (or equal to) the threshold value. You would also need to use the Juicebox-Pro API. However, this might get a little complex as there would be several things to take into account and you may run into unforeseen problems.

(1) For example, you would need to ensure that the gallery switches Screen Modes only when the threshold is crossed (and not every time the browser window is resized).
(2) Also, if the gallery is displayed in a desktop browser of limited width, Juicebox would ordinarily display the gallery in Large Screen Mode but you would want the gallery to be displayed in Small Screen Mode in this instance.
(3) You would also need to ensure that the gallery is always displayed in Small Screen Mode where Small Screen Mode would normally be used.
(4) The only way to switch screen modes would be to reload the gallery with a different Screen Mode setting and when reloading a gallery, your would need to ensure that the currently displayed image is retained rather than the gallery displaying the first image in the gallery each time the switch is made.

There may be other considerations to take into account which I have not yet thought of.
However, you might like to try the following as a starting point (although please bear in mind that Juicebox was not designed with such functionality in mind).
To see the example in action, create a sample gallery with JuiceboxBuilder-Pro and use the following code as the gallery's 'index.html' page.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="minimal-ui" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">

            var fii = 1; // Set initial firstImageIndex to 1
            var sm = 'AUTO'; // Set initial screenMode to AUTO
            var thresholdWidth = 600; // Set thresholdWidth to 600px
            var jb; // Initialize Juicebox object variable for use with Juicebox-Pro API methods

            // Function to load gallery with specified firstImageIndex (to always display current image) and screenMode
            function loadGallery(fii, sm) {
                jb = new juicebox({
                    containerId: "juicebox-container",
                    firstImageIndex: fii,
                    screenMode: sm
                });
            }

            //Function to check width of browser window
            function setScreenMode() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                var mode = windowWidth < thresholdWidth ? 'SMALL' : 'LARGE'; // Determine new screenMode variable
                if (sm !== mode) { // If screenMode variable changes, do the following...
                    sm = mode; // Set screenMode variable to be new screenMode value
                    fii = jb.getImageIndex(); // Set image number to be displayed when gallery is reloaded
                    loadGallery(fii, mode); // Load gallery with specified firstImageIndex and screenMode
                }
            }

            // Do the following when the web page is initially loaded
            $(document).ready(function() {
                $(window).resize(setScreenMode); // Run setScreenMode() function each time the browser window is resized
                loadGallery(fii, sm); // Load gallery with initial firstImageIndex (1) and screenMode (AUTO) settings
                setTimeout(function() { // Timeout required to give enough time for gallery to return actual screenMode used (SMALL or LARGE)
                    sm = jb.getScreenMode(); // Set screenMode variable to be actual screenMode used
                    if (sm === 'LARGE') { // If actual screenMode used is LARGE, do the following...
                        setScreenMode(); // Check width of browser window
                    }
                }, 500);
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

Go to forum: Juicebox-Pro Support

3,123 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

@cprblak

If I update to 1.4.3 again I'll post a link.

OK, thanks. I've not been able to see any strange behavior when using imageNavPosition="STAGE" vs "IMAGE" in v1.4.3 test galleries of my own. Perhaps the problem you have encountered is due to a certain combination of configuration options. If possible, please post the configuration options that your gallery uses so that I can try to replicate the problem for myself. Thank you.

Go to forum: Juicebox-Pro Support

3,124 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

You're looking at the right forum thread but the wrong code. (The code you posted above is specific to a user's own test case using ASP.NET Web API.)
The code you should be using is in this forum post.
Put the following code in a file named 'config.php' and upload it to the same directory as the HTML page which contains your gallery's embedding code. Also in this directory, create a folder named 'images' and upload all your images there.

<?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 title="Juicebox Gallery">';
for ($i=0; $i<sizeof($gallery); $i++)
{
    echo '<image imageURL="images/'.$gallery[$i].'" thumbURL="images/'.$gallery[$i].'" linkURL="" linkTarget="">';
    echo '<title></title>';
    echo '<caption></caption>';
    echo '</image>';
}
echo '</juiceboxgallery>';
?>

Now add the following to your gallery's embedding code:

configUrl : 'config.php',

For example, your gallery's embedding code might look something like this:

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

Now, your gallery will display all images in the 'images' folder and each time you upload images to the 'images' folder, they will automatically be displayed in the gallery when the gallery is viewed.

Go to forum: Juicebox-Pro Support

3,125 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Pro Support)

@cprblak

Please post the URL to your gallery so that I can take a look at the problem and investigate further. Thank you.

The after that they appeared on the image even though I had Stage set as the pref.

Please note that when imageNavPosition="STAGE", the navigation buttons are positioned relative to the edges of the gallery (rather than the edges of the image). If the image happens to be displayed close to the edges of the gallery, then the navigation buttons may be displayed on top of the image.

Go to forum: Juicebox-Pro Support