1,926

(5 replies, posted in Juicebox-Pro Support)

The problem might be caused by some custom CSS on your web page which is overriding the gallery's own CSS.
It might help to know other factors such as what version of Juicebox you are using, what meta 'viewport' tag your web page uses (if any), what dimensions your images are and what configuration options your gallery uses.

Please post the URL to your gallery's web page so that I can take a look at the problem for myself.
Please also let me know what device and browser(s) you see the problem in.

Once I am able to see the gallery for myself, I should hopefully have a better idea of what the problem could be.
Thank you.

Edit:
Maybe you are using a Multi-Size Image gallery with very small 'Small' images. The 'Small' image size would be used only in Small Screen Mode (on mobile devices) and small images would not be scaled up by default when using imageScaleMode="SCALE_DOWN".
(That's my best guess without being able to see the gallery.)

1,927

(8 replies, posted in Juicebox-Pro Support)

Will install from zip as suggested.

That should certainly work fine.

Although the auto-install mechanism works OK for myself, I see a lot of disgruntled users on the Adobe forums. It seems that add-on installation is causing many users problems (sometimes it works, sometimes it does not). Take a look at this forum thread as an example: https://forums.adobe.com/thread/1901283

Maybe the suggestion posted by rndllcprn in the thread will help:

Fixed it by signing-out of Creative Cloud, restarting and opening Photoshop CC 2015 and signing-in from there. Add-ons installed a few seconds after.

1,928

(8 replies, posted in Juicebox-Pro Support)

It sounds like you are doing everything as you should.
The current version of the Juicebox plugin for Photoshop (v1.5.0) hosted on the Adobe Add-ons website has been tested with Photoshop CC 2015.5 and auto-installs successfully via the Creative Cloud Desktop App on my own system.

4. Followed all instructions. No errors or strangeness.

You should get a confirmation message in the Creative Cloud Desktop App's 'Home -> Activity Stream' to let you know that the plugin installed successfully.
The only problem I encountered whilst testing the auto-install was when I installed a new version of Photoshop alongside an older version. I found I had to reboot before attempting the plugin installation again.
Make sure that your Creative Cloud Desktop App is up to date (v3.8.0.310). If you are not already using the latest version, updating it might make a difference.

If you are having trouble with the auto-install mechanism, I would recommend installing the plugin manually.
Just download the 'Photoshop CS2 to CS6' zip version from the plugin's support page and follow the manual installation instructions. The resulting files in the 'Presets/Scripts/' folder will be exactly the same as if installing the .zxp version. Only the packaging of the files differs between the two.

You're welcome!
I'm glad it worked. Thank you for letting me know.

It looks like you'll need to break out of PHP to enter the gallery's HTML embedding code and open up a new PHP section after the embedding code:
Try replacing:

echo ' **code goes here to work with logged-in users of SMF**  ';

... with:

?>
<script src="https://www.mydomain.tld/storage/support/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: 'https://www.mydomain.tld/storage/pictures/galleries/',
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '500px',
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container">
    <noscript>
        <p>You need Javascript to view the gallery on this page.</p>
    </noscript>
</div>
<?php

Hopefully this will work for you.

1,931

(6 replies, posted in Juicebox-Pro Support)

Not yet.
You could override Juicebox's own click handler for the Email Button with your own (to use your own subject text) but I'm not sure exactly what Edge and Internet Explorer are choking on so you might encounter the same problem.
However, if you'd like to try it, you could use something like the following:

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: "juicebox-container",
        showEmailButton: "TRUE"
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            window.location.href = 'mailto:email@address.com?subject=Gallery&body=Image No. ' + jb.getImageIndex();
        });
    };
</script>

This workaround uses the Juicbox-Pro API, specifically the onInitComplete event and the getImageIndex method (to fetch the current image number to be used in the email subject).

You're welcome!

You're welcome!

You're welcome!

If you use Showkase for your website and Juicebox galleries, then there will be no need to worry about any embedding code or file structure. Showkase will handle it all for you.

Don't forget that Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro). The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.

If you do purchase Showkase, be sure to check out the Getting Started guide here.

Web hosting is probably not as daunting to get to grips with as it first seems.

Once you're signed up for a hosting plan (whether free or otherwise), your web host will assign you some web space. Unless you have purchased your own domain name (from a domain name registrar), your web space will likely be a subdomain of the hosting company (e.g. http://your_name.web_host_name.com).

Next, you will need to set up an FTP (File Transfer Protocol) account. FTP is just a way to copy files from your computer to your web space (on your web host's server).
You should be able to do this via your web host's online control panel. (Your web host should be able to help you with this.)

Once you have an FTP account, you can log into your web space with an FTP program such as Filezilla (free) using the credentials supplied by your hosting company (host, username and password).
When you log in to your web space, you will likely find a folder named 'public_html'. This is the folder that you will upload files to for them to be publicly accessible on the internet.
Uploading a gallery folder from your computer to your web space is essentially just a single drag-and drop action within Filezilla's interface.

Details will vary slightly between hosts but these are the basics. Your web host should be able to fill in the blanks and help you out with any problems you encounter along the way. Of course, I'll be happy to help with any Juicebox-related issues so post back here if you get stuck.

Take a look at the links below for more information.
How to Choose a Web Host: http://www.wikihow.com/Choose-a-Web-Host
FTP: http://www.wikihow.com/Use-FTP

I hope this helps.

1,936

(496 replies, posted in Juicebox-Pro Support)

@bherman

Thank you very much for your suggestions.

2) implement "Using a Resizable Gallery with a Header" as mentioned in the embedding guide.

I realise that you have seen this yourself but for other users reading your suggestions, there is a single-page solution which might be useful in this forum post.

Google Drive discontinued the ability to host web pages on 31 August 2016 and Dropbox will follow suit on 3 October 2016.
With this development, we have changed our Embedding in a Web Template Site instructions and now recommend the use of a regular web host (which provides web space that you can upload your gallery files to via FTP).

There are many web hosts that offer free web space which should be suitable for hosting a Juicebox gallery.
A Juicebox gallery does not require any special web server requirements (although PHP v5.2.0 or later is required for Password Protection and Direct Download functionality) so a free hosting account may be all that you need.
Please see the System Requirements for further details.
Try a web search with terms such as 'free web hosting' but please bear in mind that with a free hosting account, you will likely get little or no support, less reliability (more server down-time) and fewer features than with a paid account.

I hope this points you in the right direction.

1,938

(6 replies, posted in Juicebox-Lite Support)

When I use the open button, the file handling window comes up and I can navigate fine but nothing happens when I select the folder you refer to.

Please double-check that the gallery folder you are selecting has a 'config.xml' file inside it.
(JuiceboxBuilder will not open a gallery where the XML file has been renamed or moved.)

Also, make sure that the gallery folder you are trying to open is not in a restricted file system or on a network drive.
Try moving the gallery folder to your Desktop (or a differently location to where it currently is) and try opening it from there.

Also, it might be worth checking to see if you have any security software installed which might somehow be interfering with JuiceboxBuilder's functionality. If you do have any security software installed, make an exclusion rule for JuiceboxBuilder to see if this helps.

1,939

(3 replies, posted in Juicebox-Pro Support)

I'm glad you've got it working.
Thank you for letting me know.

1,940

(2 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to resolve your problem.
Thank you for posting back to let me know.

For other users reading this thread, here are a few notes for clarification.

How do I get the current version of JB Builder 1.5?

Upgrades are free within the same major version number.
You can use the link from your purchase email to download the latest version of Juicebox-Pro.
The download link always points towards the latest version rather than the version you purchased.
Please see the Upgrading Juicebox support page for more details.

... according to the JB site, the desktop version is supposed to be free, or is that a typo?

Juicebox-Lite is free (Juicebox-Pro is not).
Juicebox-Lite comes with JuiceboxBuilder-Lite (the desktop application) and the Lite version of the Lightroom plugin.
Juicebox-Pro comes with JuiceboxBuilder-Pro and the Pro version of the Lightroom plugin.
Lite versions of JuiceboxBuilder and the Lightroom plugin feature only Lite configuration options whereas Pro versions feature all configuration options.

Juicebox-Lite can be downloaded from (and Juicebox-Pro can be purchased from) this page.

Instructions for installing JuiceboxBuilder can be found in the User Guide. You can upgrade JuiceboxBuilder by just running the new 'JuiceboxBuilder.air' file. However, if you are upgrading from a very old version of JuiceboxBuilder, you might find that you need to uninstall the old version first before installing the new version.

Should I use this method for all the different pages or is there a more efficient (easier) way to do it?

I guess it's a personal thing (organizing files on a web server) and there are certainly a number of different ways you could arrange things with the availability of the configUrl and baseUrl configuration options and the possibility of storing all your images in a single folder.

However, here's what I'd do.
I'd keep each gallery in a separate folder and embed the galleries using the baseUrl method (as you currently do for your 'Clay_School' gallery).
I find that this helps to keep things organized. You know exactly where all the files for each gallery are. There is no need to search through a single folder of images wondering which images are for which gallery.
Also, if you ever need to edit or update the gallery in the future, all you need to do is swap out the gallery folders (new for old).

I'd also have all galleries share a single instance of the 'jbcore' folder. Please see the Using an External jbcore Folder for details.
Basically, you'd just upload a single 'jbcore' folder for all your galleries to share.
For each gallery, you'd just point towards the shared 'jbcore' folder.
This has the advantage of being able to upgrade all the galleries on your web site at once (for example when a new version of Juicebox is released) by replacing just a single 'jbcore' folder on your server.
This means that the 'jbcore' folders in all your gallery folders are redundant. You can leave them in place if you want (they'll do no harm other than take up a bit of space) or delete them.

I hope this helps.

1,942

(3 replies, posted in Juicebox-Pro Support)

Sorry for hijacking this thread. I could not see where I could start a new one.

No problem. I've split your post into a new thread.
The 'Post new topic' link is just above the second blue bar at the right-hand side of the page (once you've selected the 'Juicebox-Pro Support' or 'Juicebox-Lite Support' forum).

I need to build an index of galleries page.

(1) On Showkase's 'Pages' tab, click 'New Page', create a Gallery Index Page and click 'Save'.
(2) Now, still on the 'Pages' tab, just drag and drop your Juicebox Gallery Pages (drag and drop the page names in the tree on the left hand side) onto the Gallery Index Page (in the order you want their thumbnails to be displayed).
(3) Click 'Save' and 'Publish'.

Each Juicebox Gallery Page listed under the Gallery Index Page will be represented by a thumbnail image.
By default, the thumbnail image will be the first image in the gallery. If you like, you can change this to be any other image from the gallery by editing the Juicebox Gallery Page, going to the 'Images' tab and selecting a new image in the 'Index' column. Be sure to republish your site after making this change.

Incidentally, I notice that you have a large logo that is taking up a little more that the regular header height and is pushing your Juicebox galleries down their respective pages.
You can compensate for this by going to 'Site -> Customize Theme -> Gallery Pages' and entering a negative pixel value (e.g. "-100") in the 'External fit px' input field.
This will reduce the height of each gallery by the amount you enter and all your galleries will be able to be seen in full (without the need for vertical scrolling) regardless of the height of the user's browser window.

I hope this helps.

1,943

(1 replies, posted in Juicebox-Pro Support)

It would not be possible to automatically remove the preceding number and period before the filename in JuiceboxBuilder-Pro.
You'd need to go to 'Images -> Titles -> Use File Name' (or 'Images -> Captions -> Use File Name') and then manually edit each image title or caption (on the 'Images' tab).

It would be much easier to create the gallery (with the full filenames in use as the image titles or captions) and then edit the gallery's 'config.xml' file in a text editor which supports regular expression search and replace, like Notepad++. You could then remove the preceding number and period from all image titles and captions in a single search and replace action. You could even load up several 'config.xml' files and run the search and replace throughout multiple files at once.

If using Notepad++, here's what you could do.

(1) Open your gallery's 'config.xml' file(s).
(2) Go to 'Search -> Replace...' from the drop down menu at the top (Ctrl+H).
(3) Select 'Regular expression' as the 'Search Mode'.
(4) Enter CDATA\[[0-9]+\. in the 'Find what' input field.
(5) Enter CDATA[ in the 'Replace with' input field.
(6) Click the 'Replace All in All Opened Documents' button.

Including 'CDATA' in the search will handle both image titles and captions, ensuring that the imageURL and thumbURL entries are left unmodified.

Please note that using Notepad++ is just a suggestion (not a recommendation).
Notepad++ is free and I use it myself but other text editors are available.
However, if you use a different text editor, it may use a different regular expression engine and the syntax may differ from the search string in #4 above.

Also, be sure to make a backup of your gallery's 'config.xml' file before you edit it (just in case something goes wrong and you need to reinstate it at a later date).

1,944

(1 replies, posted in Juicebox-Pro Support)

I get an error with a character ø in the name of a folder

Are you referring to a folder that you are trying to save the gallery to (or a folder that a source image is in)?
What error are you getting?

You should be able to use the ø character in a gallery (although it might not be wise to do so).

As a test, I've just successfully created a gallery with JuiceboxBuilder-Pro v1.5.0 (on a Windows 10 PC) using an image with a ø character in its filename (from a folder with a ø character in its name) and saving the gallery to a new folder with a ø character in its name. The gallery is saved correctly, uploads to my web server correctly (via Filezilla), displays correctly and the the ø character also appears in the image caption correctly.

However, as image filenames and gallery folder names form parts of URLs when uploaded to a web server, it would be safer to use only web-safe characters. Please see section 2.3 of this document for details: https://tools.ietf.org/html/rfc3986#section-2.3

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved.  These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

You should have no problems (with JuiceboxBuilder-Pro, your web server, FTP software or browsers) when using any or all of these unreserved characters.

I'd stick with web-safe characters for file and folder names and keep accented and special characters for image titles and captions.

1,945

(7 replies, posted in Juicebox-Pro Support)

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

I notice that your web pages now start correctly with a Doctype Declaration so it certainly looks like your cookie plugin was responsible for inserting the <head> and <link> tags at the top of your web pages (which seems to have been the root of the problem.).

I'm glad to hear that everything's working as it should now.

I notice that your gallery has a height of 88%. I think it would be difficult to get a clean working solution (with either CSS or JavaScript) using such a gallery height. The suggestions below use a gallery height of 100% so that the gallery fills its container and when JavaScript is used to determine the height of the container, you know that the gallery is the same height.

Take a look at the Using a Resizable Gallery with a Header support section.
The View Resizable Gallery with Top Menu Example has a header and a footer (both with fixed heights) and the gallery takes up the remainder of the available space (no matter what size the browser window is) without any scrollbars.
You can view the source of the web page in your browser and copy/modify the code to suit your own needs (removing the footer, changing the header content and swapping the sample gallery with your own).
The example also switches between galleries (something you might not need) and uses an external CSS file.
Here is a single file solution that you might like to use. (The code should be fairly easy to follow.)
To see it in action, create a sample gallery with JuiceboxBuilder-Pro (just use all default settings) and use the following code as the gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            html, body {
                height: 100%;
                overflow: hidden;
            }
            body {
                background-color: #222222;
                margin: 0px;
            }
            #header {
                background-color: #222222;
                color: #666666;
                font-family: sans-serif;
                font-size: 20px;
                height: 50px;
                padding: 10px 0px;
                text-align: center;
                width: 100%;
            }
            #wrap {
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb;
            function doLayout() {
                var windowHeight = parseInt(window.innerHeight ? window.innerHeight : $(window).height());
                var headerHeight = parseInt($('#header').outerHeight(true));
                var galleryHeight = windowHeight - headerHeight;
                $('#wrap').height(galleryHeight);
                if (jb) {
                    var galleryWidth = parseInt($('#wrap').innerWidth());
                    jb.setGallerySize(galleryWidth, galleryHeight);
                }
            }
            $(document).ready(function() {
                doLayout();
                $(window).resize(doLayout);
                jb = new juicebox({
                    containerId: "juicebox-container"
                });
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="header">
            <span>Header</span>
        </div>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

1,947

(5 replies, posted in Juicebox-Pro Support)

For anyone else reading this thread and experiencing similar issues, the problem was caused by custom rewrite rules in an .htaccess file on the original poster's web server.
The solution was to create a new .htaccess file inside the gallery folder that turned off all redirects using the following code:

<IfModule mod_rewrite.c>

#Disable rewriting
RewriteEngine Off

</IfModule>

You're welcome!
I'm glad you've got it working.
Thank you for letting me know.

1,949

(8 replies, posted in Juicebox-Pro Support)

OK, I understand. This issue has now been officially logged as a bug and it will be addressed by the developers in due course.
Thank you for your patience.

By default (using the regular embedding code), Juicebox will look for a file named 'config.xml' in the same directory as the page containing the gallery's embedding code. (Your gallery structure does not have a 'config.xml' file in this location.)

If you move or rename this file, then you can point towards it using a configUrl option in your embedding code.
When using a configUrl, all paths in the 'config.xml' file will still be relative to the embedding code page.

As you have uploaded an entire Juicebox gallery (your 'Juicebox' folder) to your web server, you can point towards this folder using a baseUrl option. Please see here for details.
When using a baseUrl, all paths in the 'config.xml' file will be relative to the baseUrl so there is no need to make any modifications to any gallery files.

Just change your gallery's embedding code to the following (add the baseUrl entry pointing towards the gallery folder) and all should be well.

<!--START JUICEBOX EMBED-->
<script src="/Juicebox/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/Juicebox/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Short descriptions of configUrl and baseUrl can be found in the Embed Options section of the Config Options page.