Please post the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully determine the cause of the problem.

I'm not sure about the exact structure of your gallery (where all your files are) but the problem may be related to the same-origin policy.
Essentially, all gallery files should be on the same domain (or subdomain) as the page containing the JavaScript embedding code. If this is not the case, then you may need to implement a Cross-Origin Resource Sharing (CORS) solution by adding the following line of code to the .htaccess file in the root directory of the domain which hosts the 'jbcore' folder.

Header add Access-Control-Allow-Origin "*"

If it is only the images that are stored on Amazon S3 then this is likely to be OK but if your 'jbcore' folder and the page containing the JavaScript embedding code are on different domains, then this is possibly the cause of your problem.

With regard to your other query, you can point different galleries towards different XML files by using the configURL configuration option.
You can also point towards completely different gallery folders by using the baseURL method of embedding as documented here.

2,652

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, it is not possible to load an existing gallery in Lightroom (or any of the other plugins).
Existing galleries can be opened only in JuiceboxBuilder-Pro.

Just a few quick notes to clarify things that you seems to have solved.

I would like to keep it limited to a single username and only allow the user to change the tags.

Just hardcode the flickrUserName (or flickrUserId) in the gallery's configuration options.

is it possible to allow a "maximize" but still have a header?

No. When expanding a gallery via the Expand Button, only the gallery (and no other elements on the page into which the gallery is embedded) is expanded. I'm glad you are happy with the F11 solution.

anyone see a feasible way to show tags of the current image grabbed from Flickr?

The first challenge is to get the Flickr photoId of the currently-displayed image in the gallery.
The only way I can see to do this is to extract it from the URL (generated dynamically to display the image) using the Juicebox-Pro API and jQuery (and knowledge of how Juicebox constructs the dynamically-generated code and what CSS classes it uses).

The next step would be to use the Flickr API (specifically the flickr.tags.getListPhoto method) to fetch the tags of the image.
Below is an example which displays a comma-separated list of Flickr tags for the currently-displayed image in a container below the gallery. You will need to enter your own Flickr User Name and API Key where noted in the code (replacing {your_flickr_user_name} and {your_flickr_api_key}). You will also need to include jQuery in your web page.
You can modify this to suit your own needs as necessary. I hope this helps.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
        body {
            margin: 0px;
        }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></script>
        <script>
            var jb = new juicebox({
                containerId: "juicebox-container",

                // Enter your own Flickr User Name in the line below
                flickrUserName: "{your_flickr_user_name}",

                galleryHeight: "400",
                galleryWidth: "600",
                useFlickr: "TRUE"
            });
            jb.onImageChange = function(e) {

                // The internal image index used for dynamically-generated classes starts at zero so subtract 1 from public image index
                var index = e.id - 1;

                // Form CSS class for currently-displayed image
                var element = '.jb-dt-main-image-' + index;

                // Get URL of currently-displayed image from src attribute of <img> tag
                var src = $(element).find('img').first().attr('src');

                // Extract Flickr photoId from URL
                var id = src.substring(src.lastIndexOf('/') + 1, src.indexOf('_'));

                // Fetch tags of currently-displayed image using Flickr API flickr.tags.getListPhoto method
                // Enter your own Flickr API Key in the line below
                $.getJSON('https://api.flickr.com/services/rest/?method=flickr.tags.getListPhoto&api_key={your_flickr_api_key}&photo_id=' + id + '&format=json&jsoncallback=?', function(json) {

                    // Initialize tags array
                    var tags = [];

                    // Iterate over all tags
                    $.each(json.photo.tags.tag, function(i, data) {

                        // Add new tag to array
                        tags.push(data.raw);

                    });

                    // Display tags in output container
                    $("#output").html('<p>Tags: ' + (tags.length > 0 ? tags : 'None') + '</p>');

                }).fail(function() {

                    // Fail message
                    $("#output").html('<p>Cannot find tags.</p>');

                });
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="output"></div>
    </body>
</html>

2,654

(3 replies, posted in Juicebox-Pro Support)

Thanks for the outstanding product!

Glad you like it (and thanks for the tip regarding Instagram and Flickr)!

2,655

(3 replies, posted in Juicebox-Pro Support)

In order to open an existing gallery in JuiceboxBuilder-Pro, you need to click 'Open Gallery...' (or 'Gallery -> Open...' from the drop-down menu at the top) and then navigate towards and select the gallery folder itself (not a file) before clicking 'Select Folder'. The gallery folder is the folder which contains the gallery's XML file and the gallery's XML file must be named 'config.xml' (if you have renamed or moved this file, the gallery will not be able to be opened by JuiceboxBuilder-Pro.)

2,656

(7 replies, posted in Juicebox-Pro Support)

The quickest and easiest way to delete all linkURL entries from a gallery's XML file in a single action would be to use the global search and replace functionality of a text editor.

For example, you could use Notepad++ (free) and do the following:
(1) Open your gallery's XML file in Notepad++
(2) Go to 'Search -> Replace...' from the drop down menu at the top to bring up the 'Replace' window
(3) Select 'Regular Expression' Search Mode
(4) In 'Find what' enter: linkURL=".*?"
(5) In 'Replace with' enter: linkURL=""
(6) Click 'Replace All'
(7) Go to 'File -> Save' to save your file

This will replace all linkURLs (even if the entries are different to one another) with blank/empty linkURLs (and the gallery will automatically use the imageURLs as the linkURLs).

2,657

(3 replies, posted in Juicebox-Pro Support)

Using the Flickr feed option would it be possible to use one Flickr account with multiple sets (a set would present one artist's work) and use this single Flickr account to manage multiple galleries?

Yes. With Juicebox-Pro, you can use the flickrSetId configuration option to display a specific Flickr Set.

Also, would it be possible to embed the links to these galleries on one web page using baseUrl?

Yes. Technically, there is no limit to the number of galleries that you can embed on a single page, although please bear in mind that the more galleries you include on a page, the more images the browser will initially preload (which might slow down your web page a bit when it is initially loaded). To counteract this, you might like to set imagePreloading="NEXT" (rather than the default value of imagePreloading="PAGE") to initially preload only a single image per gallery.
This sample page from the Multiple Galleries support section embeds a couple of different galleries on the same page using a unique baseUrl for each gallery but you can embed as many galleries as you like. Please note that when embedding multiple galleries on a single page, the 'juicebox.js' JavaScript file should be loaded just once per page (not once per gallery).
If you just want to include links to your galleries (to display each of them on a separate page), then this is no problem at all.

2,658

(7 replies, posted in Juicebox-Pro Support)

Please check the linkURL entries in your gallery's XML file.
The 'Open Image' button opens the corresponding linkURLs. In order for the images to be used, the linkURLs must either be the same as the imageURLs or empty (in which case Juicebox will use the imageURLs by default).
It sounds like you might currently have the URL to your home page as your linkURLs.

Thank You SO MUCH!!!

You're welcome!

If I upgrade to the paid version, what will that give me in addition?

The main differences between Juicebox-Lite and Juicebox-Pro are:
(1) Juicebox-Pro does not contain any branding (the Juicebox link in the lower-right corner of galleries).
(2) Juicebox-Pro does not have a 50-image per gallery limit.
(3) Juicebox-Pro supports many more configuration options than Juicebox-Lite.

For more differences, please see the comparison chart on the download page.
For reference, a full list of configuration options supported by Juicebox-Pro can be found here.

It looks like you have entered the embedding code into your 'juicebox_gallery.html' page correctly. (It is being treated as HTML code rather than plain text so that's OK.) However, the path to the 'juicebox.js' file is incorrect.

Your gallery would display OK if you left your embedding code exactly as it is and just copied the contents of your gallery folder into the same directory as the page containing the embedding code (your root directory), following the embedding instructions here.

However, as you have already uploaded your complete gallery folder to your web server, you could leave the gallery files exactly where they are and use the baseUrl method of embedding (to point towards the gallery folder) as documented here.
Your embedding code would become:

<!--START JUICEBOX EMBED-->
<script src="/hotelmandarina_juicebox/jbcore/juicebox.js"></script>
<script>
new juicebox({
    baseUrl: "/hotelmandarina_juicebox/",
    containerId: "juicebox-container",
    galleryWidth: "100%",
    galleryHeight: "100%",
    backgroundColor: "rgba(255,204,102,1)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Either of these suggestions would work fine. I would recommend using the baseUrl method as it allows you to keep your gallery files inside the gallery folder which might help to keeps things organized on your web server.

In that folder is a file I made called "juicebox_index.html" which has some code in it. Do I delete that?

That file would be useful only if you wanted to display the gallery on a page of its own. If you are embedding your gallery in another web page (and do not want to display the gallery on a page of its own), then you can safely delete your 'juicebox_index.html' file.

A couple of other notes which might help:
I notice that your 'juicebox_gallery.html' web page is missing several end tags (for example there are no </body> or </html> tags). You might like to check the code on your web page with the W3C Markup Validation Service and fix the errors reported. Once the code on your web page validates correctly, the page should be rendered with greater predictability and consistency across different browsers.
Also, if you choose to embed your gallery with a percentage height (such as 100%), be sure to give all of your gallery's parent containers heights via CSS as Juicebox will need to know what its height should be 100% of. If you find that a percentage height is giving you any trouble (it may not), then you could always just give your gallery a fixed height (such as 600px) instead.
Also, please see this note regarding Using Percentage Heights.

2,661

(3 replies, posted in Juicebox-Lite Support)

You're welcome!

2,662

(1 replies, posted in Juicebox-Pro Support)

We don't always post a blog entry for each new release but we did announce the new version with a Tweet.
Follow us on Twitter and you'll be notified of new releases: https://twitter.com/juiceboxgallery

Otherwise, keep an eye on the Version History page which is updated when a new version is released.

You're welcome.
I'm just glad that we were able to get to the bottom of the mystery!

I think I've found the root of the problem.
Juicebox will scale up the thumbnails on a thumbnail page on a mobile device if the following conditions are met.
(1) The gallery has dimensions of 100% x 100%.
(2) There is no existing viewport tag on the web page.
(3) The gallery is the only content on the page.

However, your web page created with jAlbum has the following line of code <div id="jalbumwidgetcontainer"></div> meaning that the gallery is not the only content on the page and so the thumbnails are not scaled up.
Your other gallery which functions correctly does not have this jAlbum widget container in it.

If you remove the jAlbum widget code from your web page, your gallery should hopefully display as expected.
If you don't use jAlbum widgets, try editing the skin's 'skin.properties' file and change the value for autoWidgetInjection (on line 2) from true to false . Then reload the skin and remake your album.

2,665

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

2,666

(3 replies, posted in Juicebox-Pro Support)

This would certainly be possible.
Please take a look at this forum post which demonstrates how a gallery's XML file can be generated dynamically when the gallery is displayed.
Rather than immediately output the XML data (via PHP 'echo'), you could modify the code to save the XML data to a file (ideally named 'config.xml' so that you do not have to change anything in a default gallery setup). Knowledge of PHP would be required.
You could then set up a Cron Job (scheduled task) on your web server to run the PHP script (to update the XML file) once a day. (Your web hosting account's cPanel might have a Cron Job interface which would make this very easy to achieve.)
I hope this points you in the right direction.

2,667

(3 replies, posted in Juicebox-Lite Support)

JuiceboxBuilder-Lite uses the image filenames for the image titles by default. To prevent the image filenames from being displayed in the gallery, select 'Images -> Titles -> Use None' from the drop-down menu at the top.

I've tried to replicate the problem using the same HTML page that you currently use ('/Emma-pictures/index.html'), the same gallery structure (a gallery created by jAlbum) and a gallery containing well over 140 images but I cannot get the 140-thumbnail display on either Mobile Safari or Chrome. The scaled-up 6-thumbnail display is always shown.

Your web page seems to load a little slower than my own test gallery.
I'm not sure if this is because of the problem (having to load 140 thumbnails) or the cause of the problem (perhaps a timing issue).
Do you have access to a different web server where you could temporarily upload the same gallery to see if things are different on another server? This might help in troubleshooting the problem.

I'm really not sure what might be causing your problems. I'm using JuiceboxBuilder-Pro v1.4.4 under AIR v18.0.0.180 (on my PC) without any problems.

When I was done and went to save it, it would not save and at that point would not open anything else.

Make sure that you are not saving your gallery to a restricted file system (check the permissions on the folder you are saving your gallery to) or a network drive or a folder synced to an online file sharing service such as Dropbox or Google Sync.
If you are not already doing so, try saving each gallery to a separate folder on your desktop.

I noticed the reference to WordPress on the Bluehost support page but your hosting account might have been using Varnish regardless of whether or not your hosting account was optimized for WordPress so it was worth a shot.

As I noted with the query string trick, the new file (without the viewport tag) is being served OK when a unique URL is used and the problem is not seen when this version of the page is used so the problem certainly seems to be a caching problem (removing the viewport tag appears to resolve the original problem you reported).
When I see the problem and view the source of the page, the viewport tag is present (even though it has been removed from the file on your web server) so the old version is still being served from somewhere.

Try viewing your web page in a different browser (such as Mobile Chrome) which has never been used to view the page before (if possible). If you still see the problem (now that the new file without the viewport tag is in place on your server), then the caching problem is server-side rather than client-side (in the browser). Perhaps you could contact your web host and ask if caching is present on your hosting account and, if so, how to turn it off.

Maybe a workaround would be to name the new version of your page 'index.htm' (rather than 'index.html').
The server should still hopefully be configured to find and use this file name as a default if a user navigates to the parent directory (without explicitly using the index file name).
As the filename is different, the old cached 'index.html' file should not be used.
(The only disadvantage would be that if you have any links to this page, you would have to adjust them accordingly.)

If you are having problems running JuiceboxBuilder-Pro, then I would recommend completely uninstalling and reinstalling the application following the procedure below:

(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\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
Windows: C:\Users\Username\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-us/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) Also, please follow the procedure above (Steps #1 - #3) for JuiceboxBuilder-Lite, too.
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

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

Basically, the program loads and then just sits there. Won't do anything at all.

If JuiceboxBuilder-Pro gets past the splash screen and displays the 'Start' tab but the 'New Gallery...' and 'Open Gallery...' buttons are unresponsive, then closing the application, manually deleting the ELS folder (from Step #2 above) and reopening the application might be enough to solve the problem.

Thought it was time I upgraded to the 1.4.4 to see if some issues had been resolved.

You can always check the Version History page to see what bugs have been fixed in the latest version.
If you are being troubled by other bugs, then please let me know what they are so that I can investigate further (or at least tell you whether or not we are aware of them and are working to fix them).

Also, it might help to know what operating system are version of Adobe AIR you are currently running so please let me know. Thank you.

I cleared my iPod Touch's cache in the same way that you cleared your iPhone's cache.
I then loaded your 'Emma-pictures' gallery and still saw the problem myself. However, when I viewed the source of the web page, I noticed that the viewport tag was still present.
I then tried viewing the web page adding a (redundant) query string to try to force the new version of your page to be fetched from your web server and it worked.
I used this URL http://www.billanddot.com/Emma-pictures … ml?xyz=123 and only 6 thumbnails were displayed on the page (as expected). When I viewed the source of the web page this time, the viewport tag was not present.
It looks like the problem is solved by removing the viewport tag but that there is a caching problem somewhere along the line (forcing the old version of the page with the viewport tag still in place to be used). The caching may be happening server-side rather than in the mobile browser.

It looks like Bluehost uses Varnish caching. Try turning it off following the instructions here.

Alternatively, if you have an Apache server, you might like to try adding the following line of code to the .htaccess file in your root directory.

Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"

Hopefully one of these suggestions will help.

2,673

(3 replies, posted in Juicebox-Pro Support)

That's great! Thank you for letting me know.

2,674

(1 replies, posted in Juicebox-Pro Support)

Without seeing your gallery's web page, I do not know whether or not the extra space you refer to is actually part of the gallery.
If it is, then please see this FAQ which might help:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

If you set imageScaleMode="FILL" (even just for testing purposes) and the space is no longer there, then you could either leave imageScaleMode="FILL" (or imageScaleMode="SCALE") to fill the image area or reduce your gallery's height so that the aspect ratio of the gallery's image area better matches the aspect ratio of your images (resulting in less space when the images are scaled to fit within the image area).
If, when setting imageScaleMode="FILL", the space is still there, then it is not originating from the gallery and you might need to look elsewhere on your web page to see where it is coming from. Check the source code of your web page (usually via 'Right-Click -> View Page Source' or 'Tools -> Web Developer -> Page Source) to see if there are any empty <p> tags or <br> line breaks above your gallery which might be causing the space you see.

If you continue to experience difficulties, then please post the URL to your gallery's web page so that I can see the problem for myself and hopefully help further. Thank you.

Thank you for providing the links and screenshots. It makes troubleshooting that much easier!

I see the problem on my iPod Touch 4 running iOS 6.1.6 so iOS 8.4 is not the problem.

I think the problem may be related to the following line of code in your web page:

<meta name="viewport" content="minimal-ui" />

The latest version of JuiceboxBuilder-Pro and the current plugins do not insert a <meta> 'viewport' tag into the HTML pages that they generate. (Your gallery which does not exhibit the problem does not have this line of code in it.)
Try either removing the <meta> 'viewport' tag completely (which should allow Juicebox to scale the page correctly) or setting the <meta> 'viewport' tag to the following (to scale the page yourself).

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />

Hopefully one of these suggestions will work.

Incidentally, Apple introduced the 'mimimal-ui' viewport property in iOS 7 and removed it from iOS 8. If you want to continue using it for iOS 7 users, then you could use:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui" />