4,326

(496 replies, posted in Juicebox-Pro Support)

@rj74

Clicking any thumb Expands JB full viewport and shows image.

There are currently issues with Juicbox-Pro API events not being fired in Small Screen Mode but once these are fixed in the next version of Juiecbox-Pro, you might be able to achieve this using the available API events and methods. You could keep track of whether or not the gallery is expanded (by setting a tracking variable when onExpand is fired) and whether or not the thumbnails are displayed (by setting another tracking variable when onShowThumbs is fired) and expand the gallery (using toggleExpand) when an image is selected (when onImageChange is fired) but only if the gallery is currently unexpanded and displaying thumbnails. You could also ensure that when the gallery is unexpanded, the gallery will revert to displaying thumbnails.

No, not yet. We are working on a fix for the next version of Juicebox-Pro.

The only side-effect is that it will allow users to manually configure the gallery you created (overwriting the configuration options you have carefully chosen and set) by using their own configuration options in the query string of a URL that they can construct and enter into their browser's address bar. However, unless visitors to your web site are familiar with Juicebox-Pro and wish to manually configure the gallery that is displayed before them, this is highly unlikely to happen.

An alternative solution (without setting debugMode="TRUE") would be to set a session cookie when the user clicks on the link to the gallery and, in the web page containing the gallery, the cookie would be read and its value would be used as the value for the showThumbsOnLoad configuration option (in the gallery's embedding code).

Here is an example:

Use the following code as a page with a couple of links to the same gallery (call the page 'main.html').

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox-Pro Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <script src="cookie.js"></script>
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <div id="links">
            <a href="index.html#12">Link without cookie set</a>
            <br />
            <a href="index.html#12" onclick="createCookie('showThumbsOnLoad', 'false'); return true;">Link <i>with</i> cookie set</a>
        </div>
    </body>
</html>

Use the following code as a gallery's 'index.html' page:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox-Pro Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <script src="cookie.js"></script>
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            var value = "true";
            if (document.cookie.length > 0) {
                var index = document.cookie.indexOf("showThumbsOnLoad");
                if (index !== -1) {
                    var temp = readCookie("showThumbsOnLoad");
                    if (temp !== null) {
                        value = temp;
                    }
                }
                eraseCookie("showThumbsOnLoad");
            }
            new juicebox({
                containerId: 'juicebox-container',
                showThumbsOnLoad: value
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

Put the following code into a file named 'cookie.js'. (This is the JavaScript code which handles creating, reading and deleting the cookie.)

function createCookie(name, value) {
    document.cookie = name + "=" + escape(value) + "; path=/";
}

function readCookie(name) {
    var re = new RegExp("(?:^|;)\\s?" + name + "=(.*?)(?:;|$)", "i"), result = document.cookie.match(re), output = null;
    if (result !== null)
    {
        output = unescape(result[1]);
    }
    return output;
}

function eraseCookie(name) {
    var d = new Date();
    document.cookie = name + "=; path=/; expires=" + d.toUTCString();
}

Now put all the files into a sample gallery folder and open 'main.html' in a browser to see it in action.

4,329

(6 replies, posted in Juicebox-Pro Support)

Thank you for posting back with the update.
I can't explain the inconsistent behavior but I'm glad the end result is what you are looking for.

4,330

(3 replies, posted in Juicebox-Pro Support)

Yes. That will work fine.

Unfortunately, the 'Images' text on the Splash Page cannot be translated via the languageList configuration option at the moment but it will be included in the next version of Juicebox-Pro.

4,332

(3 replies, posted in Juicebox-Pro Support)

There are no configuration options which would do this but it could be achieved by adding the following code to the <head>section of the web page which includes your gallery.

<style type="text/css">
    .jb-splash-info {
        display: none;
    }
</style>

Set debugMode="TRUE" in your gallery's XML file and you can then set configuration options in the query string of a gallery's URL as noted here, e.g.: http://www.example.com/gallery/index.html#12?showThumbsOnLoad=FALSE
Configuration options set in a query string will override those set in a gallery's embedding code or XML file.

4,334

(1 replies, posted in Juicebox-Pro Support)

What you are describing is the Splash Page.
This is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page (rather than displayed on a page of its own).
When the user taps 'View Gallery', the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

4,335

(1 replies, posted in Juicebox-Lite Support)

It looks like something may have happened during the upload of your images to corrupt them.
If I go directly to the first image in your gallery in a browser (bypassing Juicebox), the following message is displayed:

The image "http://www.jkmurtha.com/webgallery/images/A-Happy-Occasion.jpg" cannot be displayed, because it contains errors.

Try re-uploading the images to your web server.

4,336

(5 replies, posted in Juicebox-Pro Support)

You could try increasing the stagePadding (in JuiceboxBuilder-Pro's 'Customize -> General' section) in your gallery to compensate for the current iOS 7 layout issues but your gallery may not look as you intend it to on non-iOS 7 devices.
However, it might be the best workaround until the problem is fixed in the next version of Juicebox.

4,337

(4 replies, posted in Juicebox-Pro Support)

I see this is mentioned on another post
But I would be interested to know why gallery does not line up in iOS7

The developers are aware of this issue and it should be fixed in the next version of Juicebox.
The problem has likely arisen due to the different usable browser window size and the behavior of the new Mobile Safari toolbars. For example, the top toolbar can no longer be hidden using code which worked in iOS 6 and previous versions.

4,338

(2 replies, posted in Juicebox-Pro Support)

It is not possible to replicate AutoViewer with partial previous and next images visible at the same time as the main image.

4,339

(496 replies, posted in Juicebox-Pro Support)

@actigner

Thank you for posting your suggestion.
For a couple of tips to prevent having to modify the 'theme.css' file each time you update a gallery, please see this forum post.

4,340

(3 replies, posted in Juicebox-Pro Support)

If you do not want to have to modify the 'theme.css' file each time you update a gallery, you can either:

(1) Modify the 'theme.css' template file used by JuiceboxBuilder-Pro to create each gallery's own 'theme.css' file.
On a Windows PC, the file will be located here: C:\Program Files (x86)\JuiceboxBuilder-Pro\template\jbcore\classic\theme.css

... or:

(2) Add the following CSS code to the <head> section of the web page into which you are embedding your gallery:

<style type="text/css">
    .jb-caption .jb-caption-title {
        font-size: 40px !important;
    }

    .jb-caption p  {
        font-size: 20px !important;
    }
</style>

4,341

(2 replies, posted in Juicebox-Pro Support)

I'd like the caption bar to be hidden by default and let the user display the informations if he wants to.

As long as captionPosition="OVERLAY" or captionPosition="OVERLAY_IMAGE", you can set showOverlayOnLoad="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) to initially hide the overlay (including the caption area) when the gallery is first displayed.

Is there any way to disociate the visibility of the caption bar from the navigation buttons ?

The main image navigation buttons are always positioned on the image overlay but if you would like navigation buttons to always be visible, you can add them to the Button Bar by setting showNavButtons="TRUE" ('Customize -> Button Bar'). If using the Button Bar navigation buttons, you might like to disable the main image navigation buttons by setting showImageNav="FALSE" ('Customize -> Main Image').

4,342

(1 replies, posted in Juicebox-Pro Support)

The new ZXP Juicebox template for Photoshop has been signed with a valid certificate and has been tested so I am unsure what may be causing the problem you are experiencing.
Looking through the Adobe online forums, it seems that some other Creative Cloud users are experiencing similar issues with other extensions. For example, here and here.
There may be a bug in Adobe Extension Manager and the author of another extension whose users have reported a similar issue seems to think that this is the case. (Please see this forum thread.)

Make sure that your version of Adobe Extension Manager is up to date and try the advice in this forum post to see if it helps.

Please note that you should still be able to install the Juicebox template manually by downloading the ZIP version for CS2/CS3 and following the instructions on this web page.

4,343

(3 replies, posted in Juicebox-Pro Support)

As far as I am aware, there are currently no plans to introduce font size settings into the JuiceboxBuilder-Pro interface.
However, please feel free to post suggestions for future versions on Juicebox in the Feature Requests forum thread, It keeps them all together and ensures that they are not overlooked.
In the meantime (and for others reading this thread), the font size for the image titles and captions can be changed manually by editing the 'jbcore/classic/theme.css' file in a plain text editor and changing the font-size values on lines 226 and 235 respectively.

With regard to the text shadow, this can be removed in the JuiceboxBuilder-Pro interface using the textShadowColor configuration option in the 'Cusotmize -> Color' section. Just choose '0' for its opacity.

4,344

(1 replies, posted in Juicebox-Lite Support)

Yes. This will be no problem at all.

4,345

(2 replies, posted in Juicebox-Lite Support)

There is currently an inconsistency in the way that WordPress displays images in the media upload window which causes some confusion.

Try the following:
Create a new post, click the 'Add Media' button, drag and drop some images, select 'Uploaded to this post...' and note the order of the images. Close the media window and publish the post.
Now go back and edit the post, click the 'Add Media' button and select 'Uploaded to this post...' once again. You should notice that the order of the images is now reversed. Why this should happen, I do not know but it has lead to some confusion. (This is purely WordPress behavior and has nothing to do with the plugin.)

WP-Juicebox displays images in the initial order displayed by WordPress (immediately after they have been uploaded, before going back in to edit the post).
If you drag and drop images into a custom order, Juicebox will display the images in the reverse order displayed in the WordPress media window. With this knowledge in mind, you should be able to order your images as you wish. (They should never be displayed in random order unless you use Juicebox-Pro and set randomizeImages="TRUE".)

If you like, you can easily reverse the order in which WP-Juicebox displays images by opening the plugin's 'wp-juicebox/config.php' file in a plain text editor and changing the two instances of 'order'=>'DESC' (in lines 34 and 36) to 'order'=>'ASC'. The line numbers refer to the current version of WP-Juicebox (v1.3.2.0).

4,346

(2 replies, posted in Juicebox-Lite Support)

If you plan to display your Juicebox-Pro galleries on 3 separate domains (e.g. domain1.com, domain2.com and domain3.com), then you would need 3 separate licenses. (There is a 5-Site license available on the download page which allows you to display your Juicebox-Pro galleries on up to 5 domains.)
Each Single-Site license allows you to display Juicebox-Pro galleries on a single domain and all subdomains (e.g. sub1.example1.com, sub2.example1.com, sub3.example1.com, etc.).

4,347

(2 replies, posted in Juicebox-Pro Support)

You can disable the 'Open Image' button in a Juicebox gallery by setting showOpenButton="FALSE" (Juicebox-Lite and Juicebox-Pro) and you can watermark images using JuiceboxBuilder-Pro but there is nothing you can do (from within a web page) to prevent a user from taking a screenshot of your gallery.

4,348

(2 replies, posted in Juicebox-Lite Support)

You can point Juicebox towards a specific XML file using the configUrl configuration option in your gallery's embedding code. The configUrl path can be absolute or relative (to the page containing the embedding code).
For example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: 'http://www.example.com/gallery/custom.xml',
containerId: "juicebox-container"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

4,349

(496 replies, posted in Juicebox-Pro Support)

@arachnid

Support for JPEG2000 file format

As far as I am aware, none of the major browsers (Chrome, Safari, Firefox, Internet Explorer and Opera) natively support JPEG2000. They cannot display a JPEG2000 image directly or in a <img> tag within a web page without a plugin (at least on my Windows PC). Unfortunately, until browsers support JPEG2000, Juicebox will not be able to display JPEG2000 images.
Also, it looks like JuiceboxBuilder-Pro will not be able to process JPEG2000 images as it is an Adobe AIR application. Adobe AIR uses Adobe Flash Player as its runtime environment and according to this web page, Adobe Flash does not seem to support JPEG2000.

@Martina

Is this already something that can be done?

No. This is not currently possible. Thank you for the suggestion.

4,350

(2 replies, posted in Juicebox-Lite Support)

As you have hard-coded the 'www' subdomain into the URLs in your embedding code, make sure that you access your web page on your iPod using the 'www' subdomain, too. If you access your web page via http://arunset.com/ then you are likely to see the "Config XML file not found." error message.
All Juicebox gallery files must be on the same domain (or subdomain) as the web page containing the JavaScript embedding code due to the same-origin policy.

If you want to be able to view your gallery on both http://arunset.com/ and http://www.arunset.com/ then use relative URLs (rather than absolute URLs) in your gallery's embedding code:

<script src="/gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
baseUrl : '/gallery/'
});
</script>
<div id="juicebox-container"></div>