5,426

(1 replies, posted in Juicebox-Pro Support)

It appears as though a placeholder dummy image is used on mobile, and when clicked, a full screen version is loaded.

This is the Splash Page (displayed by default in Small Screen Mode) which can be disabled by setting showSplashPage="NEVER". Alternatively, you could set screenMode="LARGE" which will force the gallery to be displayed in Large Screen Mode (without the default Splash Page) on all devices and in all browsers.

On the desktop, the API works to control both copies of the gallery.  For mobile, it does not...

The developers are aware of the issue regarding the API not functioning correctly when a new window is opened for an expanded gallery on a mobile device and hopefully a solution can be found for a future release.
In the meantime, hopefully, you might be able to workaround this issue by using one of the suggestions above.

5,427

(9 replies, posted in Juicebox-Lite Support)

Both galleries now display OK on my iPod Touch so they should also display on your iPhone.
Try clearing your browser's cache before reloading the galleries.

As the images on your front page link to the galleries on individual separate pages, you may wish to make your gallery dimensions 100% x 100% so that they fill the browser window. In doing so, Juicebox will bypass the Splash Page and display the galleries immediately.

5,428

(3 replies, posted in Juicebox-Pro Support)

I think it is unlikely that such functionality will be included in a future version of the plugin.
Although the full source code for the plugin is not available, you are free to modify the downloadable files as you wish.

You could also set the Gallery Title in the embedding code rather than in the XML file.
Remove the following line from the 'juicebox.lrwebengine/config.xml' file:

galleryTitle="<%= model.nonCSS.jb_galleryTitle %>"

... and add the following line to the embedding code (immediately after the new juicebox({ line) in the 'juicebox.lrwebengine/index.html' file:

galleryTitle: '<%= model.nonCSS.jb_galleryTitle %>',

5,430

(4 replies, posted in Juicebox-Pro Support)

You should send users the link to the page into which the gallery is embedded.
It is not possible to link directly to an embedded gallery in expanded fullscreen mode.

5,431

(3 replies, posted in Juicebox-Pro Support)

Perhaps you could incorporate the version number into the image name itself, e.g. image001_v2.jpg.
If the browser sees a new image name, then it will have no option but to fetch it from the server.

5,432

(8 replies, posted in Juicebox-Pro Support)

@fabian

That is correct. Please see this forum post in reply to your own query.

This is a known issue to which there is no known fix other than entering XML entities into the Gallery Title text field in their escaped forms as below:

& (Ampersand)                  ->    &amp;
< (Left angle bracket)         ->    &lt;
> (Right angle bracket)        ->    &gt;
" (Straight quotation mark)    ->    &quot;
' (Apostrophe)                 ->    &apos;

5,434

(1 replies, posted in Juicebox-Pro Support)

Yes. Set showSmallThumbs="FALSE" and showThumbsButton="FALSE" in your gallery's XML file to disable the thumbnail page and button in Small Screen Mode (which is used by default on mobile devices).
In order to use AutoPlay, set enableAutoPlay="TRUE" and autoPlayOnLoad="TRUE" to start AutoPlay automatically when the gallery loads. You may also wish to set showAutoPlayButton="TRUE" to display the AutoPlay button and allow users to switch the AutoPlay functionality on and off.
You can choose the first image to be displayed in the gallery by setting the firstImageIndex configuration option.

The full list of 'Juicebox Configuration Options' can be found here.
Certain options are available in Large Screen Mode only (and are marked as such).
For more information on Screen Modes, please see here.
If you like, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".

5,435

(2 replies, posted in Juicebox-Pro Support)

The <div> into which the gallery is embedded is placed in your web page above the <table> containing your links.
Move the code:

<div id="juicebox-container"></div>

... to below the closing </table> tag in your page.

Incidentally, you have two 'juicebox-container' <div>s on your page next to each other. You can safely delete one of them.

Is there a way to avoid triggering the juicebox.js script too early when using it within a WYSIWYG editor?

You can defer the loading of a JavaScript file until after the page has been parsed by adding the defer="defer" attribute to the <script> tag. However, doing so with the 'juicebox.js' file will break the Juicebox gallery, not only within your editor but also in all browsers.
The problem seems to be with CKEditor's rendering of the page (in that it does not seem to be able to find the 'juicebox-container' <div> which, presumably, is included in your embedding code).
If you are currently using the baseUrl method of embedding, try switching to using an <iframe>, documented as Step #2 here, to see if this makes a difference. Conversely, if you are currently using an <iframe>, try the baseUrl method instead.

5,437

(7 replies, posted in Juicebox-Pro Support)

If using WordPress, perhaps something like the Google Analytics for WordPress plugin would be a good solution.
Otherwise, try searching the WordPress Plugin Directory with search terms such as 'hit counter' for other suggestions.

5,438

(2 replies, posted in Juicebox-Lite Support)

Please see this FAQ:
Can I upgrade from a single site license to a multi-site license at a later time?

5,439

(7 replies, posted in Juicebox-Pro Support)

A Juicebox gallery's 'index.html' page is just a regular HTML page and you can insert tracking code (for example from Google Analytics, StatCounter or YellowTracker) into the page like you would any other page.
If you are embedding your galleries into existing web pages alongside other content using the recommended embedding code, then insert your tracking code into those pages instead of the gallery 'index.html' pages (which would become redundant).

5,440

(8 replies, posted in Juicebox-Lite Support)

Try the following as your gallery's 'index.html' page.
In a gallery with 12 images, the URL: index.html?id=12 will display the first image, index.html?id=11 will display the second image, etc. and index.html?id=1 will display the last image.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox-Pro Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="description" content="This is a Juicebox-Pro Gallery. Get yours at www.juicebox.net" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script src="jbcore/juicebox.js"></script>
        <script src="jquery-1.8.1.min.js"></script>
        <script type="text/javascript">
            var jb, imageCount;
            $(document).ready(function () {
                jb = new juicebox({
                    containerId : 'juicebox-container'
                });
                jb.onInitComplete = function() {
                    imageCount = jb.getImageCount();
                    if (location.search) {
                        var queryString = unescape(location.search), queryArray = {}, re = new RegExp("([^?=&]+)(?:=([^&]*))?", "g"), queryComponent, queryInteger;
                        while (queryComponent = re.exec(queryString)) {
                            queryArray[queryComponent[1]] = queryComponent[2];
                        }
                        queryInteger = parseInt(queryArray["id"]);
                        if (!isNaN(queryInteger) && queryInteger > 0 && queryInteger <= imageCount) {
                            jb.showImage(imageCount - queryInteger + 1);
                        }
                    }
                };
            });
        </script>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

5,441

(9 replies, posted in Juicebox-Lite Support)

When I attempt to access the http://www.southerncinema.com/gallery/jbcore/full.html, I gain access and it states "config XML file not found," which was what it stated when I had it working earlier.

You should not access the 'full.html' page directly. (If you do, you will see the 'Juicebox Error: Config XML file not found.' message.) It is used internally by Juicebox when the gallery is displayed fullscreen on mobile devices.
The page you should open in your browser is the HTML document into which you are embedding your galleries.

Taking one of your galleries as an example:

<div id="juicebox-container2">
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container2",
galleryWidth: "600px",
galleryHeight: "500px",
backgroundColor: "#222222",
baseURL: "gadesign"

});
</script>

If your entire gallery is contained in the 'gadesign' folder, then:
(1) The page containing the embedding code (above) should be in the same directory as the 'gadesign' folder.
(2) Your 'gadesign' folder should contain a 'jbcore' folder and the path to the 'juicebox.js' file should be:

<script src="gadesign/jbcore/juicebox.js"></script>

(3) There should be a trailing slash in your baseUrl:

baseUrl: 'gadesign/'

If you continue to experience difficulties, please post the URL to the HTML page containing the galleries so that I can take a look.

5,442

(1 replies, posted in Juicebox-Pro Support)

Not at present but the addition of such an API event is on the roadmap and should hopefully be included in a future release.

5,443

(3 replies, posted in Juicebox-Pro Support)

Reading over the Yola Tutorial Using the File Manager, you will not be able to upload JavaScript files if you are a Yola Bronze user:

Yola Bronze

    You have 2GB of storage available per site.
    You can upload individual files up to 15MB each.
    You are not able to upload .js or .html files.

Even if you are a Yola Silver or Gold user, it looks like the Yola File Manager simply allows you to upload files into a container from which you can then drag and drop individual files into your web page.
It does not seem to allow you to upload a number of files (such as those required for a Juicebox gallery) and have a publicly accessible URL for each one (like web space on a regular web server).

Therefore, it would appear that Yola is an unsuitable host for a Juicbox gallery and you would have to host your Juicebox gallery elsewhere and embed the gallery into your Yola webpage using an <iframe> (documented as Option #2 here).

If you do not have an account with a regular web host which allows you to upload files and folders to web space via FTP, a suitable host for a Juicebox gallery would be Dropbox.
(1) Download and install the Dropbox client program (from this web page)
(2) Create your Juicebox gallery with the method of your choice (e.g. JuiceboxBuilder-Pro)
(3) Drag and drop the entire gallery folder (not just the contents) into the 'Public' folder within the newly created Dropbox folder on your computer
(4) Navigate towards your gallery's 'index.html' file (within 'username/Dropbox/Public/gallery_folder/'), right-click it and select 'Dropbox -> Copy public link'
(5) Embed your gallery in your Yola web page (using Yola's HTML Widget) by inserting an <iframe> whose 'src' attribute points towards the 'index.html' page within your gallery folder (the URL you copied in Step #4 above), e.g.

<iframe src="URL_to_gallery_index_page" width="800" height="600" frameborder="0" scrolling="no"></iframe>

5,444

(8 replies, posted in Juicebox-Lite Support)

I hope you do not mind me asking you to please post feature requests in this forum thread.
It keeps them all together and ensures that they are not overlooked.
Also, other users may see your feature request and be inspired to post saying that they, too, would like such a feature to be included in a future version.
With enough interest, there is more likelihood that a feature would be implemented in a future release.
Thank you.

5,445

(8 replies, posted in Juicebox-Lite Support)

Adding custom nodes to the XML file may break Juicebox as it will not be expecting new tags or attributes to be introduced.
Even if the new nodes did not break the gallery, they would not be accessible via the Juicebox API as Juicebox would not know anything about them. You would have to parse the XML file manually using DOM techniques to extract the information you require.

One thing I couldn't find is, how are updates to a gallery handled?

Most methods of creating a gallery involve generating the gallery on your computer and then uploading the gallery to your web server via FTP.
Updating a gallery would, therefore, involve editing the gallery on your computer and then uploading the new gallery folder to your web server, replacing the existing one.

An alternative would be to use svManager , a PHP web application which allows you to create, edit and manage images online via a web browser interface.

Another alternative to this would be to use a dynamic method of creating your gallery's XML file (for example using PHP) at the time the gallery is viewed rather than at the time the gallery is created.
For example, you could have a setup whereby Juicebox displays all images in a specified folder (see this post for details).
In order to update the gallery, all you would need to do is upload new images to that folder.

Another question is if there are recursive galleries supported, something like

The Juicebox Skin for jAlbum allows you to create a multiple-gallery album in a single action (and includes support for folders within other folders).
When using the Juicebox skin, you can drag and drop a complete folder structure into jAlbum's main window and click 'Make Album'.
The resulting album will have a separate Juicebox gallery for each and every folder/subfolder in your input structure and all the galleries will be linked together via a JavaScript navigation tree.
Here is a sample album created by jAlbum and the Juicebox Skin.

.jb-caption-title is, indeed, for the <title>. For the <caption>, use:

.jb-caption-desc {
    color: #ffffff;
}

5,448

(8 replies, posted in Juicebox-Lite Support)

One method to achieve this might be to reverse the image numbering so that #1 always refers to the first image added to the gallery, which will always be displayed last in your gallery.
You could use JavaScript to get the image number from a query string in the URL, check the total number of images in the gallery using the getImageCount(): int Juicebox API method and then use the showImage( index: int ) method to display the relevant image:
Index Of Image To Be Displayed = Total Image Count - Image Number From URL + 1

5,449

(4 replies, posted in Juicebox-Pro Support)

Expand the gallery:  The onImageChange doesn't fire.

Thank you for reporting.
This is a known bug which has already been logged and will hopefully be fixed in the next version. Unfortunately, I do not know when this will be.

Try adding the Pro Option:

textColor="rgba(255,255,255,1)"

... in the WP-Juicebox 'Pro Options' text area of your gallery's settings.

Otherwise, your could add the following code to the end of the 'wp-juicebox/jbcore/classic/theme.css' file:

.jb-caption-title {
    color: #ffffff;
}

You can also change the color of each caption individually by entering HTML code such as the following into the 'Caption' text fields of your Media Library images:

<span style="color: #ffffff;">Caption Text Goes Here</span>