5,451

(6 replies, posted in Juicebox-Pro Support)

I think this is due to your unordered list <ul> below the gallery.
All elements of your web page (html, body, 'gallery' div, 'I1' iframe and the gallery itself) have been given heights of 100% so the gallery should fill the browser window (assuming there is no other content on the page).
However, there is an extra element on the page (the <ul>) which takes up height and Mobile Safari is having trouble rendering content which takes up more than 100% of the height of the browser window.
Either give your gallery a fixed pixel height or reduce its height to a smaller percentage and allocate the remainder (100% - gallery height %) to the <ul>.

Sorry. I should have pointed out that the Splash Page and Screen Mode options are Juicebox-Pro options only and are not available to Juicebox-Lite users. Apologies for not making this clear earlier.
Juicebox-Lite galleries use the default values for Pro configuration options (listed on the Config Options page) and, as such, Juicebox-Lite galleries will always display a Splash Page on mobile devices when the gallery is embedded in a web page alongside other content.

On every mobile device I have looked at the gallery on the splash page image is not showing correctly.

The Splash Page image is cropped due to the height of the gallery being less than the height of the Splash Page image.
With this in mind, your Splash Page displays OK on my iPod Touch 4 and should, therefore, also display OK on an iPhone 4S.

5,453

(9 replies, posted in Juicebox-Lite Support)

The 'full.html' file is still missing from your gallery's 'jbcore' folder.
It should be located here: http://www.southerncinema.com/gallery/jbcore/full.html
... but going directly to that URL in a browser results in an error 404 (file not found).

Try completely deleting the existing 'jbcore' folder from the gallery folder on your web server first and then extract a fresh 'jbcore' folder from your Juicebox-Lite download zip file (to ensure that all files are present and correct) before uploading it to your gallery folder.

Because your gallery is embedded in a web page alongside other content, Juicebox displays a Splash Page in Small Screen Mode as a placeholder where the gallery would otherwise be in Large Screen Mode. When the user clicks the Splash Page, the gallery opens up in a new tab.

When I view your gallery on my iPod Touch 4, the Splash Page is the correct width (displaying the first image in teh gallery as a background image) and when I click on the Splash Page, the gallery opens up in a new tab, filling the available space correctly.

If you do not wish to use a Splash Page, set showSplashPage="NEVER" in your gallery's XML file.
You could change other aspects of the Splash Page via the Splash Page Options.

Alternatively, if you wanted to force the gallery to be displayed in Large Screen Mode on all devices and in all browsers, you could set screenMode="LARGE".

For more information about Screen Modes, please see here.

As an aside, your 'wrapper' <div> does not seem to be closed on your page.
There are 57 opening <div> tags on your page but only 56 closing </div> tags.

I'm glad you have resolved your problem.
Thank you for posting back to let me know and for sharing the link to the Artisteer forum thread as it may help other Artisteer users who face a similar problem.

5,456

(3 replies, posted in Juicebox-Lite Support)

How do I make the captions not hide. I would like the captions to show at all times. Any way to do this?

This is possible with Juicebox-Pro, but not with Juicebox-Lite, by setting certain Juicebox-Pro Caption Options.
If the captions are positioned on the overlay (as they are by default), then you can have the captions always be displayed by setting the showImageOverlay="ALWAYS".
Alternatively, you could set captionPosition="BELOW_IMAGE" or captionPosition="BOTTOM".

5,457

(5 replies, posted in Juicebox-Pro Support)

Is there any chance that this may be an customisable option in future versions of Juicebox Pro...?

Please post feature requests in this forum thread.
It keeps them all together and ensures that they are not overlooked.
Also, posting feature requests in the forum may inspire other users 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.

5,458

(3 replies, posted in Juicebox-Lite Support)

I tried the plugin, but it seem to have that conflict I read about with Contact Form.

There should be no conflict between the current versions of Contact Form 7 (v3.2.1) and WP-Juicebox (v1.1.1).

If you can't tell from just this, let me know and I will make the post visible so it can be seen.

It would certainly help to see the web page into which the gallery is being embedded. Please post the URL so that I can take a look.

In the meantime, the following suggestions may help.
If you have not modified or moved the 'theme.css' file, then there is no need to include the themeUrl in the embedding code.
Also, if your gallery's XML file is named 'config.xml' and is located directly inside your gallery folder, then there is no need to include the configUrl in the embedding code (just leave the baseUrl entry).

For the record, the gallery itself (located at http://www.sikhfoundation.org/wp-conten … index.html) displays fine in Chrome 21 on my PC.

5,459

(5 replies, posted in Juicebox-Pro Support)

I believe the main image is positioned absolutely within the image area by code within the 'juicebox.js' file.
However, this file is packed an obfuscated and, therefore, cannot be modified.

I am glad you have resolved your problem. Thank you for posting back to let me know.

When opening an existing gallery in JuiceboxBuilder-Pro, you should click the 'Open Gallery...' button and then navigate towards the gallery folder in the 'Browse For folder' pop-up window. Finally, highlight/select the gallery folder itself and click 'OK'.
In order to successfully open an existing gallery in JuiceboxBuilder-Pro, the gallery's XML file must be named 'config.xml' and must be located directly in the gallery folder and not in a subfolder.
Also, please note that JuiceboxBuilder-Pro cannot open an online gallery. The gallery must be located locally on your own computer.

5,462

(2 replies, posted in Juicebox-Lite Support)

The first and last five images in your gallery are not the same when I view your gallery in browsers on my PC.
Try clearing your browser's cache before reloading the gallery. If you have made any changes to your gallery recently, perhaps your browser is hanging onto and using an older version of your gallery's XML file.

5,463

(4 replies, posted in Juicebox-Lite Support)

The 'Resizable Gallery with Side Menu Example' from the Embedding Guide is a little more complex than that (as it involves some CSS and JavaScript in addition to what is usually found in a gallery's 'index.html' page') but I'll try to keep things relatively simple.
Upload your complete gallery folders to your Dropbox 'Public' folder as usual but, before you do, replace each of your gallery's 'index.html' pages with the following code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Juicebox Gallery</title>
    <style type="text/css">
        html, body {
            height: 100%;
            overflow: hidden;
        }
        body {            
          margin: 0;
          padding: 0;
          background-color: #333;
          color: #666;
          font-family: sans-serif;
          font-size: 20px;        
        }
        a {    
          color: #ccc;
        }
        #header {
          text-align: center;
          background-color: #333;
          width: 200px;
          padding: 20px 0;
          float: left;
        }
        #juicebox-content {
          width: 600px;
          height: 600px;
          float: right;
          background-color: #222;
        }
    </style>
    <script type="text/javascript" src="jbcore/juicebox.js"></script>
    <script type="text/javascript">
    function doLayout() {
        var winHeight, winWidth, headerWidth;
        winHeight = window.innerHeight ? window.innerHeight : $(window).height();
        winWidth = window.innerWidth ? window.innerWidth : $(window).width();
        headerWidth = $('#header').outerWidth() + 1;
        $('#juicebox-content').height(parseInt(winHeight)).width(parseInt(winWidth) - parseInt(headerWidth));
    }
    $(document).ready(function () {
        doLayout();
        $(window).bind('resize', doLayout);
        new juicebox({
            containerid : 'juicebox-container'
        });
    });
    </script>
</head>
<body>
    <div id="header">
        <a href = "../gallery1/index.html">Gallery 1</a><br />
        <a href = "../gallery2/index.html">Gallery 2</a>
    </div>
    <div id="juicebox-content">
        <div id="juicebox-container"></div>
    </div>
</body>
</html>

Now all you need to do is load whichever gallery's 'index.html' page you would like to be displayed first into your <iframe>.

5,464

(3 replies, posted in Juicebox-Pro Support)

I am using Lightroom version 3.6 and juicebox seems to work and work well. Is there any limitation, other than the pre-view window for lightroom 4 vrs 3.6 and juicebox?

As far as I am aware, the Live Preview window is the only limitation when using the Juicebox plugin with Lightroom 3.
However, please note that the plugin was written for Lightroom 4 and, therefore, the use of the plugin with Lightroom 3 is not officially supported. There may be other limitations that I am not aware of.

Please see my reply to your other queries in this forum thread.

5,465

(2 replies, posted in Juicebox-Pro Support)

With the purchase of Juicebox Pro with SVmanager = are there any discounts or coupons to buy both together?

No. There is currently no bundle option for purchasing Juicebox-Pro together with svManager.

Can svmanager password protect galleries? If juicebox can't?

No. Please see these svManager forum threads for further information:
http://www.simpleviewer.net/forum/viewt … p?id=10823
http://www.simpleviewer.net/forum/viewt … p?id=13808
http://www.simpleviewer.net/forum/viewt … p?id=15880

Is it possible to link a gallery/image to an external page?

Yes. Set imageClickMode="OPEN_URL" and when clicking on a main image in the gallery the user will be taken to the corresponding linkURL in the gallery's XML file (which will open in a new window or tab specified by the linkTarget).

Can svmanager  and/or juicebox pro - disable right click (to stop people saving images)?

In Juicebox, you can set showOpenButton="FALSE" to disable the 'Open Image in New Window' button.
However, neither Juicebox not svManager disable any browser right-click options.
Even incorporating JavaScript to disable the right-clicking of images will not prevent a determined user from tracking down and saving your image via the 'View Source' option in their browser.
Also, you cannot prevent a user from taking a screenshot of your gallery, though you can Watermark your images using JuiceboxBuilder-Pro which may deter users from doing so.

And just to be sure - everything svmanager and juicebox pro is responsive & mobile

Juicebox itself is mobile-friendly (and so is SimpleViewer) but svManager manages other Flash-only galleries (AutoViewer, PostcardViewer and TiltViewer) which will not be displayed on mobile devices and in browsers which do not have Adobe Flash Player installed and enabled.
There are many sample Juicebox galleries on the Demos page which you can try out in your browsers and mobile devices.
Also, there is a sample svManager installation which you can also try out here.
The resulting web site from the sample svManager installation can be seen here.

5,466

(5 replies, posted in Juicebox-Lite Support)

1) Can juicebox include MP3 audio music?

Juicebox-Pro includes the ability to play an audio track via the Audio Options.
You must provide your chosen audio track in two formats: OGG (for Firefox) and MP3 (for other browsers).
Please see the Adding Audio section of the Creating Galleries page for details.

2) I don't need this functionality just yet, but what about videos?

Juicebox-Pro does not support videos.
Please see this FAQ for details:
Will Juicebox load things other than images?

5,467

(1 replies, posted in Juicebox-Lite Support)

Please see my reply to your query in this forum thread.

5,468

(3 replies, posted in Juicebox-Pro Support)

1) Have a gallery that is private with a "password"

In other words - password protected galleries? Can Juicebox do that?

No. Password protection would have to be done at server level.
Try a web search with terms such as 'password protect directory htaccess' for further information.

2) Create a number of galleries within 1 juicebox? (i.e. canada, europe, travel) - otherwise I have to create each separate and then embed into my photo site.

For an automated solution to multiple-gallery support, you might like to take a look at either:

(1) svManager
This is a separate product (a PHP web application) which allows you to create and manage galleries online through a web browser interface.
You can create Juicebox galleries with svManager itself or you can create Juicebox galleries by another method (such as JuiceboxBuilder-Pro), upload them to your web server and import them into your svManager installation.
svManager creates an index page of all listed galleries comprising thumbnails which link to the individual galleries.
Here is a sample svManager index page.
You can try svManager via the online demo here.

... or:

(2) Juicebox Skin for jAlbum
jAlbum is a desktop application which allows you to create a multiple-gallery album in a single action.
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.

For a manual solution to multiple-gallery support, please see the Embedding Multiple Galleries section of the 'Juicbebox - Embedding Guide' which covers 'Multiple Galleries on Separate HTML Pages' and 'Multiple Galleries on One HTML Page'.

All of the above applies equally to Juicebox-Lite and Juicebox-Pro.
Both svManager and the Juicebox skin for jAlbum can be upgraded from Lite to Pro if desired.

5,469

(5 replies, posted in Juicebox-Lite Support)

I have downloaded and installed into Lightroom 3.6 - your application and it comes back with an error "Cannot Find Config .XML file"

However everything has been installed correctly.

Please tell me how to fix this?

The Juicebox plugin for Lightroom requires Lightroom 4 for full functionality (as stated on the Lightroom Plugin page).

Never Mind - it says this in the Lightroom window - but when I upload it, Juicebox works and works great...

As you have discovered, the Live Preview window does not function in Lightroom 3 but this does not affect the ability to successfully create a Juicebox gallery via the 'Export...' button.

I suppose, I need to buy for PRO to remove the link and word "juicebox"...

Yes. Juicebox-Pro automatically removes the Juicebox badge/link from the bottom-right corner of the gallery.

what else does the PRO version do?

Check out the Lite vs Pro comparison chart on the Download page.
For a full list of configuration options available to Pro users, please see the Config Options page. The Pro Options (which are not available to Lite users) are clearly marked in the side menu.

5,470

(4 replies, posted in Juicebox-Lite Support)

Try the following (which does not require you to modify the embedding code or any paths in your gallery's XML file).

(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-Lite v1.1.1)
(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 using 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,471

(9 replies, posted in Juicebox-Lite Support)

It looks like the 'full.html' file is missing from your gallery's 'jbcore' folder.
Try re-uploading the complete 'jbcore' folder from the Juicebox-Lite download zip package to your web server.

Can you confirm now that you also see a flickering?

Yes. My colleague has been able to see the flickering on an iPad 1 and this has now been logged as a bug.

Do you have a minimal example which does not load your external CSS? The less code on the page to start with, the less we have to eliminate as a possible cause for the problem.
The CSS contains very generalized code and applies certain CSS rules to all div, p, h1 and h2 elements on the page (including those in the gallery).
The CSS may not be the cause of the problem but if it is not there to start with, then we do not need to wonder whether or not it is somehow conflicting with the gallery.

5,474

(9 replies, posted in Juicebox-Pro Support)

I realy wanted to use the 'Expand Gallery' button but with the <iframe> that doens't work.
Is there another option so I can use the 'Expand Galley' button again?

No. When using an <iframe> the Expand Button is automatically disabled (because it would not function correctly within an <iframe>) and there is no way around this.

I stil think it's strange that the 'recommended' BaseURL option doens't work with the Internet Explorer.

The baseUrl method works fine in Internet Explorer when using standard URLs. I think it is your use of the shebang/hashbang ('#!') that is causing the gallery to fail in Internet Explorer when it has to resolve relative paths.
Did you try using absolute URLs for your configUrl and/or baseUrl and all your imageURLs and thumbURLs?
You seem to have had some success when using absolute URLs for both the configUrl and baseUrl (empty gallery rather than error message) so this implies that using absolute URLs worked for defining the path to XML file. Using absolute URLs for the imageURLs and thumbURLs should do likewise for the images themselves (and Internet Explorer does not need to worry about the shebangs/hashbangs when resolving relative paths).

When I first reported the flickering my navigation menu and my footer was affected.
Now only my footer is flickering on image load/transition, my menu is no longer flickering.

Something must have happened to initiate this change in behavior.
Did you change any code, did you upgrade your Mobile Safari/iOS version, has something changed on your web server?

Browse through any of my galleries on an iPad 1 in landscape view and the footer should be flickering on every image load/transition.

Please post a URL to such a gallery so that I know I am definitely looking at a gallery which exhibits this behavior on your iPad. Thank you.