1,251

(3 replies, posted in Juicebox-Pro Support)

I'm glad you've found the 'Publish' tab. Thank you for letting me know.

The 'Save' option ('Gallery -> Save') from the drop-down menu at the top will be greyed out until the location of the gallery folder is known by JuiceboxBuilder-Pro, either by opening an existing gallery folder ('Open Gallery...' from the 'Start' tab) or by first clicking 'Save' on the 'Publish' tab (for a new gallery).

I hope this helps to clarify things.

1,252

(3 replies, posted in Juicebox-Pro Support)

It looks like you have now fixed the error 404 problem with the expanding gallery.

I have an iPod Touch 6 running iOS 11.2.5 (the latest verison of iOS).
When I open your gallery's web page in Mobile Safari, I see the Splash Page (as expected on a mobile small screen device).
When I tap the Splash Page, your gallery expands to fill the browser viewport and I can navigate through all your images (by swiping left and right) or via the thumbnails (by tapping the Thumbnail Button and selecting an image).
It looks like your gallery is working fine (at least on my iPod Touch 6).

Maybe it would help if the browser's cache was cleared on the iPhone that you've seen the problem in .

It's also possible that the iPhone that fails to display your gallery is viewing your website over a 3G/4G connection instead of wi-fi.
If this is the case, then please see this FAQ for further details and a solution.
Why can't I view my gallery on a 3G mobile connection?

The Email Button is a 'mailto' link which opens the user's default email client.
If the user has an email program installed (such as Outlook or Thunderbird), then this program will be opened (in its own window) whether the gallery is in an iframe or not.
However, I suspect that your default email client may be a web service (such as Gmail) and that this might be the root of your problem.

I have an email program installed and it opens fine when using the Email Button from both of your links.
If I then change my browser's 'mailto' action to 'Use Googlemail', then the Email Button still works fine from both of your links (but the email page replaces the gallery page in both instances).

Unfortunately while it's in the iFrame, the e-mail button does not work.

What browser do you see the problem in and what is your default email client?
Also, what exactly do you mean when you say that it does not work? Does nothing happen at all when you click the Email Button or does it just not work as expected? (It works fine on my own system with an email program installed.)

Is there anything I can modify to do that?

The code which sets the click handler for the Email Button is buried deep within the 'juicebox'js' JavaScript file which is obfuscated and cannot be modified.
The only thing you could do is override Juicebox's own handling of the Email Button and introduce your own functionality instead.
You could try something like this:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        buttonBarPosition: "TOP",
        containerId: "juicebox-container",
        emailAddress: "email@address.com",
        emailSubject: "Gallery",
        showEmailButton: "TRUE"
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            var img = jb.getImageIndex();
            window.open('mailto:email@address.com?subject=Gallery&body=Image No. ' + img);
        });
    };
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The code above will likely open a new tab (even if the user's email client is a program) so it might need some further work but I hope it points you in the right direction and helps to get you started.

1,254

(3 replies, posted in Juicebox-Pro Support)

However the display on iPhones is either just the first image...

It sounds like you are describing the Splash Page.

The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a web page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window) and may may too small to be usable.
The Splash Page is essentially an image link for the gallery which displays an image (by default, the first image in the gallery) and some text.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the browser window (giving the images more space to be displayed).
When the gallery is expanded in Small Screen Mode, the user is presented with a page of thumbnails from which a main image can be selected. When a thumbnail is clicked, the thumbnail page is replaced with the chosen image. (In Small Screen Mode, the thumbnails and main images are displayed on different pages to maximize the area available for the images on small screen devices.) The user can return to the thumbnail page via the Thumbnail Button on the gallery's Button Bar.
More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

By default, the Splash Page uses the first image in the gallery and scales the image to fill (rather than fit within) the Splash Page (which uses the gallery dimensions). If the image does not have the same aspect ratio as the gallery/Splash Page, then cropping will occur.
There is no way to change the scaling behavior for the Splash Page image but you can choose an image to be used for the Splash Page via the splashImageUrl configuration option.
The splashImageUrl can be an absolute path or a relative path (relative to the web page containing the gallery's embedding code).
The splashImageUrl does not need to be a gallery image so you could perhaps prepare an image that represents your gallery and looks better at the gallery/Splash Page dimensions.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" ('Customize -> Splash Page' section). Using this setting, the thumbnail page would initially be displayed instead of the Splash Page on small screen devices.
Alternatively, you could force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

For reference, all the Splash Page configuration options can be found here.

... or a page not found error.

I think the error 404 (file not found) when expanding your gallery from the Splash Page is due to your gallery's embedding code being enclosed within the gallery container. (i.e. you have the opening <div> tag before the embedding code and the closing </div> tag after it).
Take the embedding code outside the gallery container and this should solve your problem.

Incidentally, I notice that your web page contains several HTML errors.
You can check your page for HTML errors with the W3C Markup Validation Service and then fix the errors reported.
Once the code on your web page validates correctly, your web page should be rendered with greater consistency and predictability across different browsers.

I hope this helps.

One thing though When I tried moving all the old Juicebox files out of the folder of images it did look for a config.xml file but nothing happened when I supplied it by inserting it back in.

I'm not quite sure what you mean by this. Did you save a gallery to a folder full of images? This should not cause any problems but I'd recommend saving each gallery to a new empty folder of its own (just to help keep things organized and separate gallery files from other files). If you keep galleries in their own folders, then you can upload the entire folders (not just the contents of the folders) to your web server (to help keep things organized on your server, too) and then embed the galleries into your web pages using the baseUrl method of embedding documented here.

In any case, I'd search your hard drive again to double-check that there's not still a persistent ".tempGallery" folder somewhere. Such a folder could potentially be the cause of your problem.

@SeanO'Dwyer

I have responded to your last post over in your thread over here.
Let's try to keep everything in one thread (otherwise information relating to your problem may be split over two separate threads). Thanks!

Did you try searching for a folder named ".tempGallery" (and then deleting it if found)?
The pre-existence of such a folder when JuiceboxBuilder-Pro is opened (whether caused by Google Drive or by a glitch which somehow failed to remove the folder when JuiceboxBuilder-Pro was previously closed) might be enough to cause the problem.

Also, after uninstalling JuiceboxBuilder-Pro and before reinstalling the application, did you search your hard drive for the term "JuiceboxBuilder" and delete all instances found?

If a completely clean install (with no files left over from a previous installation) does not work, then it sounds like something else on your system might be interfering with JuiceboxBuilder-Pro's functionality.

Try temporarily disabling any security software that you have installed to see if this makes a difference.
Also, try stopping any other programs that you have running in the background (apart from system processes) to see if this helps.

It might also be worth creating a new administrative user account on your MacBook Pro and installing JuiceboxBuilder-Pro under the new user account to see if the application works from there.

I should perhaps point out that there are other method of creating a Juicebox-Pro gallery.
There are several plugins available for different software packages (such as Adobe Lightroom and Photoshop) and you can also create a gallery manually by modifying the sample 'web' gallery from the Juicebox-Pro download zip package.
I realize that it is not as convenient as using JuiceboxBuilder-Pro but it might help if you need to create a gallery urgently until you get JuiceboxBuilder-Pro back and up running.

@SeanO'Dwyer

Please see my reply to your query in the forum topic you created here.
Hopefully my notes will help to resolve your problem.

The first thing I'd try is to close JuiceboxBuilder-Pro and manually delete the following folders:

~/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
~/Library/Preferences/JuiceboxBuilder-Pro

I do not know what might have caused your problem but deleting the folders above has certainly resolved a similar problem for other users. Hopefully this will solve your problem without any further action.

In order to prevent the problem from reoccurring, make sure that you do not try to save your gallery to (or open a gallery from) a folder which is being synced to an online file sharing service like Google Drive. (This has been known to cause symptoms similar to those you described.) The solution to this (on a Windows PC) is to manually delete the following folder:

C:\Users\Username\Documents\JuiceboxBuilder-Pro\.tempGallery

If you use Google Drive and think that this might have caused your problem, then on your Macbook Pro, try searching your hard drive for ".tempGallery" (inside a folder named 'JuiceboxBuilder-Pro') and delete the folder if found.

One other user reported (a few months ago) that Avast's Ransomware Shield prevented JuiceboxBuilder-Pro from running correctly so, if you use Ransomware Shield, then try making an exception for the JuiceboxBuilder-Pro executable file ('JuiceboxBuilder-Pro.exe') in Ransomware Shield's settings (or try temporarily disabling Ransomware Shield to see if this helps).
Incidentally, this report was 3 moths ago and, at the time, I filed a false positive report with Avast.
An Avast representative replied and ensured me that JuiceboxBuilder-Pro's reputation would be cleared in their next database update so, as long as your Avast databases are up to date, then this should no longer be a problem (but I thought I'd mention it just in case it helps).

If all else fails, then try uninstalling and then reinstalling both JuiceboxBuilder-Pro and Adobe AIR following the full procedure in this forum post.

Hopefully my notes above will help.

The expanded gallery seems to be the correct size for the browser viewport but it has a margin to the top and left which pushes it down and to the right.
This margin (or padding) can be seen for a short period of time when the gallery is expanded in a desktop browser (before the gallery is quickly redrawn to fill the browser window) but it seems strange that it should happen on an iOS device where the gallery is expanded on a new page of its own (where custom CSS from the embedding page cannot interfere with the gallery's layout).

I've not been able to replicate the problem in a test gallery of my own so I'm not exactly sure of the cause of the problem on your own web page.
However, I think the problem may be to do with the fact that your gallery has a galleryWidth and a galleryHeight of 75%. This essentially tells Juicebox to fill only 75% of the width and height of the gallery's parent container with the gallery (resulting in some blank space).

Try setting your galleryWidth to 100% and your galleryHeight to a fixed pixel value (such as 600px) to see if this helps. You can then tweak the position of your gallery's container via CSS if necessary.
(You could try setting your galleryHeight to 100%, too, but unless your gallery's parent container has a height set via CSS, Juicebox will not know what the gallery's actual height should be 100% of.)

Hopefully this will help.

1,261

(1 replies, posted in Juicebox-Pro Support)

It sounds like you are describing Small Screen Mode.

On mobile (small screen) devices, if the gallery is embedded in a web page alongside other content, then Juicebox displays the Splash Page (an image placeholder for the gallery) which, when tapped, expands the gallery to fill the browser viewport (to give the main images as much room to be displayed as possible).
In Small Screen Mode, after tapping the Splash Page (or if the gallery is presented on a web page of its own and the Splash Page is not used), the user will be presented with a grid of thumbnails from which a main image can be selected. (I think it might be this grid of thumbnails that you are referring to.)
When a thumbnail is tapped, the thumbnail page is replaced with the chosen image. (In Small Screen Mode, the thumbnails and main images are displayed on different pages to maximize the area available for the images on small screen devices.)
The user can return to the thumbnail page by tapping the 'Thumbnail' button on the gallery's Button Bar (and can return to the original embedding page by tapping the 'Close Gallery' button).
Please see the Screen Modes support section in the Gallery Tour for more information.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" ('Customize -> Splash Page' section). Using this setting, the thumbnail page would initially be displayed instead of the Splash Page on small screen devices. If you want to skip the thumbnail page and go straight to the first main image in the gallery, then set showSmallThumbsOnLoad="FALSE" ('Customize -> Thumbnails').

Alternatively, you could force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page and displays the thumbnails and main images together) on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

I hope this helps to clarify things and gives you a few options to try.

1,262

(3 replies, posted in Juicebox-Pro Support)

It seems strange that it would work in some browsers but not others.
Do you have any browser extensions installed that might somehow be interfering with your web page?
If so, try temporarily disabling them to see if this helps.

Also, please post the URL to your gallery's web page so that I can take a look. (It's really hard to troubleshoot a problem without being able to see it for myself.)
I'll report what I see (to let you know if your gallery displays correctly for me in my own browsers) and investigate further.
Thank you.

1,263

(3 replies, posted in Juicebox-Pro Support)

There should be no problem with the Button Bar icons as long as the 'jbcore' folder is intact and the 'juicebox.js' file is successfully loaded into the web page. The location of the files should not make a difference (as long as all the paths are correct).

There is clearly no problem with the Juicebox font files or server MIME types as the Button Bar icons displayed fine in your original configuration.

This leads me to think that the problem might be a caching issue (either browser or server side) as the problem seems to happen after you move a file and change a path.

I can't quite figure out exactly what's happening but try the following:

(1) After moving the file and changing the path, try completely clearing your browser's cache before reloading your web page to see if this helps. If browser caching is the cause of your problem, then it is very unlikely that visitors to your website will experience the problem as browsers tend to check for newer versions of files on each browser session.

(2) After moving the file and changing the path, try (temporarily) renaming your 'projext x' folder (this should not break the gallery as long as the path to the 'juicebox.js' file from within the 'index.html' page is relative) and then reload your web page. This will create a completely new unique path to your web page that neither your browser nor your server will have seen before so there should be no strange caching going on. If you find that server caching is the cause of your problem, then ask your web host if they could turn off server caching on your web hosting account.

I hope this helps and points you in the right direction.

If you continue to experience difficulties, please post the link to your web page so that I can see the problem for myself and hopefully help further.

The current version of Juicebox-Pro (v1.5.1) should be fine on an https:// site.
There was previously a problem with the Juicebox logo (in Juicebox-Lite galleries) linking to our website via an http:// link but this was fixed in v1.5.0 (and only ever affected Juicebox-Lite, not Juicebox-Pro, which does not include any branding).

Please check your gallery's XML file to make sure that there are no http:// links in any of the imageURL, thumbURL or linkURL entries.
There should certainly be no trouble with the Juicebox core files so the mixed content is likely to be originating from custom data.

I notice that you are using the Juicebox module for Drupal (an unofficial plugin which was not written by ourselves) and it is the module that generates the XML file.
If the problem is with links in the XML file, then you might need to contact the author of the module in the Drupal forum to ask how this can be resolved.

I hope this points you in the right direction.

1,265

(7 replies, posted in Juicebox-Pro Support)

Special thanks for the reply.

You're welcome!

By the way we also have bitdefender

Temporarily turning off Bitdefender whilst installing JuiceboxBuilder-Pro (or making an exception in Bitdefender for the 'JuiceboxBuilder-Pro.air' installation file) would be the first thing I'd try.
Hopefully this will resolve your problem and allow you to successfully install JuiceboxBuilder-Pro.

1,266

(7 replies, posted in Juicebox-Pro Support)

The error message you are getting from Adobe AIR (Error# 5100) is a generic 'install failed' message which, unfortunately, does help to pinpoint the exact problem.
However, I hope that my notes below will help.

First of all, I would encourage you to use the latest version of Juicebox-Pro (v1.5.1) as many bugs have been fixed since v1.5.0. Please see the Version History for details.
Full instructions for downloading the latest version can be found on the Upgrading Juicebox support page.

If you have been able to successfully extract the 'juicebox_pro_1.5.1.zip' file without any errors, then it is unlikely that there is a problem with the 'JuiceboxBuilder-Pro.air' installation file.
However, if you would like to make sure that your 'JuiceboxBuilder-Pro.air' file is OK, then it should have the following properties:
Filename: JuiceboxBuilder-Pro.air
File Size: 1,387,727 bytes
MD5: 8a4b4ed6a07a16c0c057b35470f2e968
SHA1: f0ce907b4deb82155e0894f14cd23e848d020c9c

You can check the MD5 and SHA1 hashes of files with a free program such as HashCalc: http://www.slavasoft.com/hashcalc/

If your own 'JuiceboxBuilder-Pro.air' file does not have the properties above, then please try re-downloading the Juicebox-Pro v1.5.1 zip file.

As long as your 'JuiceboxBuilder-Pro.air' file is OK, I would recommend that you try uninstalling and reinstalling both Adobe AIR and JuiceboxBuilder-Pro to see if a fresh installation helps.

Please try the following:

(1) Uninstall JuiceboxBuilder-Pro (if you can).
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 (even from a failed installation) by manually deleting the following folders from your hard drive:
Mac:
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro

Windows:
C:\Program Files (x86)\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro

You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
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.

(4) Uninstall Adobe AIR (again, via the control panel).

(5) Reinstall Adobe AIR (as an administrator).
You can download the current version of Adobe AIR from here.
When reinstalling Adobe AIR, instead of just double-clicking the 'AdobeAIRInstaller.exe' installation file, right-click the file and select 'Run as administrator'.

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

(I realise that you are using PCs but I've included notes for Mac above, too, in case any Mac users are experiencing similar issues and are reading this forum thread.)

Hopefully this will help.
If not, then here are a few more things to try that might help.

(1) Manually choose for the 'JuiceboxBuilder-Pro.air' file to be opened with the Adobe AIR Application Installer.
Right-click the 'JuiceboxBuilder-Pro.air' file and select 'Open with...'.
Now choose 'Adobe AIR Application Installer' if it is listed. If it is not listed, click 'More apps', scroll down to the bottom of the list, click 'Look for another app on this PC' and navigate to (and select) the 'C:\Program Files (x86)\Common Files\Adobe AIR\Versions\1.0\Adobe AIR Application Installer.exe' file.

(2) Try temporarily turning off any security software that you might have installed (or make an exception within the software for the 'JuiceboxBulder-Pro.air' file) in case this is somehow interfering with the JuiceboxBuilder-Pro installation process. (Another user who reported the Error# 5100 message found that the problem was caused by Bitdefender Total 2017.)

(3) Maybe the problem is somehow connected to UAC (User Account Control).
Try temporarily turning off UAC (set it to 'Never Notify') before attempting to install JuiceboxBuilder-Pro.
Instructions for changing the UAC setting can be found here.
If this allows you to install JuiceboxBuilder-Pro, then you can turn on UAC again afterwards.

(4) Try creating a new User Account (make sure it is an Administrator Account), log into this new account and try installing JuiceboxBuilder-Pro from there.

It is certainly strange that you have been unable to install JuiceboxBuilder-Pro on two different PCs.
I have never encountered the Error# 5100 message myself so it sounds like there may be something common to both your PCs which might be causing the problem (perhaps a similar security or anti-virus program).

I hope that the suggestions above help you to successfully install JuiceboxBuilder-Pro.
Please let me know how you get on and if you need any further assistance.

1,267

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I hope you get on OK.
If you run into any difficulties, please let me know and I'll do my best to help you out.

1,268

(14 replies, posted in Juicebox-Pro Support)

I will redo the 2 galleries with the %20 filenames. The locked directories happened on hung edits of a gallery which I aborted the program since it would not complete. Would that leave them locked?

As long as the process that had the lock on the files has been killed, then the lock should be released.
If the program was JuiceboxBuilder-Pro itself (which had hung due to your files with %20 in their filenames), then just double-check that the JuiceboxBuilder-Pro process is no longer running (for example, in Windows 10, go to 'Ctrl+Alt+Delete -> Windows Task Manager -> More Details -> Processes -> Apps' and, if necessary, select 'JuiceboxBuilder-Pro' and click 'End task').

Well, without large amount of permutations, it seems that renaming the 2 images in the first gallery to delete the %20 in the name, I am now allowed to edit and save in the same directory tree that gallery. And the files are not locked.

I'm glad that you seem to have found the solution to your problem (to rename the files with %20 in their filenames).
Thank you for letting me know.

Now I need to figure out how to delete the trees that are locked!

It certainly sounds like the files are just temporarily locked (rather than having been created as read-only files or requiring administrative rights to access) so killing the process that has the lock on the files (or rebooting your computer) should be enough to allow you to delete them.

1,269

(20 replies, posted in Juicebox-Lite Support)

Thank you so much...

You're welcome!

... so it may just be easier for me to rebuild around Juicebox

If you want to build a new website around Juicebox galleries, then you might like to take a look an another one of our products, Showkase, which allows you to create a complete HTML 5 portfolio website.

Showkase is a PHP web application which in installed on your web server and whose interface is accessed via a web browser.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself via its interface (or created with JuiceboxBuilder-Pro and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).

... adding a Wordpress Blog

Alternatively, as you have already mentioned WordPress, you might like to try using WordPress to create your website.
There is a dedicated Juicebox plugin for WordPress, WP-Juicebox, which allows you to create and embed Juicebox galleries in WordPress pages and posts without any manual coding.
WordPress can quite easily be used to create a complete website (it is no longer just the blogging platform it started out as) although it it by no means as Juicebox-centric as Showkase.

The new Doctype generates a whole new validation with 22 Errors and 2 Warnings.

Under the HTML 4.01 Transitional Doctype, there are certainly fewer errors and warnings for your web page than under the HTML 5 Doctype (which makes sense, knowing that your code is quite old). As before, many of the errors are trivial and will not actually cause any problems when your web page is viewed in browsers.
For example, just add an alt="image" attribute to all the <img> tags on your page and a type="text/javascript" attribute to all the <script> tags on your page and that will fix 7 of the errors straight away.

The stylesheet advice was bang-on and I have removed the Download button and shadow from the caption area.  Thank you ever so much.

No problem. I'm glad my suggestions worked.

I tried adding splashImageUrl="images/splash.png" to config, which is a 1/3-size copy of 001.png. Everything still displays the same on my android phone so perhaps I missed a step.

Both your images have exactly the same aspect ratio so they will both be scaled similarly for the Splash Page.
When the image is displayed in the gallery, it is dynamically scaled down to fit within the image area, respecting its aspect ratio and without any cropping (so the top and bottom of the image are flush with the top and bottom of the gallery and there is space to the left and right of the image which cannot be seen as you have a transparent background).
When the image is used for the Splash Page, Juicebox scales the image to ensure that there is no empty space (so the left and right sides of the image are flush with the left and right sides of the gallery and the top and bottom of the image are cropped as it is vertically centered).
You'll need to provide an image which has the same aspect ratio as your gallery (270:400 -> 1:1.48) if you do not want the Splash Page image to be cropped.
You could either reduce your image's height (by cropping the bottom of your image yourself), or increase your image's width (padding the left and right sides with blank space by increasing the canvas area).

I hope my notes above are helpful.

You're welcome!

1,271

(14 replies, posted in Juicebox-Pro Support)

Thank you for the update.

Image 15 is:
sourcePath="C:\Users\Clark\Pictures\eBay pics\3-27-04%20(59).jpg">
and shows up blank.

Just for clarification, the sourcePath is used only internally by JuiceboxBuilder-Pro (when editing a gallery). It is not used by Juicebox when the gallery is displayed.
JuiceboxBuilder-Pro stores the original paths of the source images (as sourcePath entries) in case it needs to re-process the source images (for example to remove watermarks).
The images displayed in the gallery are the imageURL and thumbURL.

The %20 indicates that the image has (at one point or another) had a space in the filename (%20 is the percent encoding for a space).
As an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

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.

JuiceboxBuilder-Pro can handle all images whose filenames use any or all of these unreserved characters.

Interesting it creates a gallery fine if it goes to an empty directory after editing ...

This sounds more and more like there's a lock on certain gallery files preventing JuiceboxBuilder from re-saving the entire gallery. Unfortunately, I still do not know what might be causing this although it's certainly not a widespread problem as you are the first person to report it (as far as I can remember) which suggests that there may be something unique to your own computer which might be at the root of the problem.

Try using only files with web-safe filenames to see if the problem continues to occur.

One possible solution would be to use JavaScript to listen for a change in the browser window size and then assign new dimensions to the gallery's container accordingly.
This is the technique used in the Using a Resizable Gallery with a Header online examples where the web page has either a header or side menu of fixed height or width and the gallery resizes to fill the remaining browser window area (no matter what shape or size the browser window is).
Open one of the examples in your browser and take a look at the source code of the web page. You can copy and modify this code to suit your own needs.
Hopefully this will point you in the right direction and you can adapt this technique within your own web page to resolve your problem.

1,273

(14 replies, posted in Juicebox-Pro Support)

I save it and the spinning circle stays on.

Perhaps you can replicate this.

I really do not know why Juicebox is unable to display your gallery images after you edit a gallery.

It is not something that I have been able to replicate. I have never seen this before and, as far as I can recall, no-one else has reported such a problem so the cause might be something unique to your system or setup.

As I suggested a couple of posts ago, maybe you could provide me with a couple of sample zip files: one of your gallery folder before editing and another of your gallery folder after editing. Once I'm able to compare the two versions of your gallery folder, I might have a better understanding of why you are unable to see your gallery images after editing.

The file-lock/auto-backup scenario might still be playing a part in the problem.
Try temporarily turning off your auto-backup program (or at least make an exception for the location of your gallery folder so that your auto-backup program does not interfere with it) to see if this makes a difference.
Also, make sure that the location you use for your gallery folder is not synced to a cloud backup service (such as Dropbox or Google Drive).

You say it only needs to save the XML file but it seems to try to save everything and access attributes don't allow that.

To clarify, after editing an existing gallery, JuiceboxBuilder-Pro will resave the entire gallery but, if all you do is change some configuration options (and do not add or remove any images), then the only file you need to reupload to your web server is the gallery's 'config.xml' file.

Ok, figured it out using another gallery...

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

1,274

(496 replies, posted in Juicebox-Pro Support)

@cwnicholls

BMP files.
In making many galleries from my collection of images, I just now noticed that BMP files are not supported.
???

Thank you for the suggestion.

Just to clarify, at present, only JPGs, GIFs and PNGs are supported. This is noted in the FAQ below:
Will Juicebox load things other than images?

Technically, Juicebox itself can display BMP images (the images in a gallery are displayed via dynamically generated HTML <img> tags) but JuiceboxBuilder cannot process them (to resize them and convert them into JPGs).
In order to display BMP images in a Juicebox gallery, you'd need to manually create the <image> entries in the gallery's 'config.xml' file and then copy the images across to the gallery's 'images' and 'thumbs' folders (or using an imaging program such as Adobe Photoshop to convert them into JPGs before feeding them to JuiceboxBuilder).

1,275

(20 replies, posted in Juicebox-Lite Support)

I tried the markup validation link and it found 48 errors, most of which went right over my head.

I've taken a look at the validation errors from your web page.
Many are trivial (for example, missing 'alt' attributes from <img> tags) and won't actually cause any problems.
However, with so many 'obsolete' errors under the HTML 5 Doctype, your web page might actually be better suited to the HTML 4.01 Transitional Doctype (unless you plan to tackle the errors and replace your web page's table layout with CSS instead).
Try replacing:

<!DOCTYPE HTML>

... with:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

... to see if your web page validates under this Doctyle with fewer errors. (Run your web page's URL through the W3C Markup Validation Service again after changing your web page's Doctype.)

One thing I don't want is images opening in their own window, I used simpleviewer to prevent hotlinking and downloading of my images.

Please see this FAQ:
How do I allow or prevent users from saving gallery images?
As noted in the FAQ, it is not possible to right-click on a Juicebox gallery so visitors to your website will not be able to right-click an image as select 'Save Image As...'. If you set showOpenButton="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) and showDownloadButton="FALSE" ('Customize -> Button Bar'), then the Open Image and Download buttons will  not be displayed on the gallery's Button Bar. Also, you might like to watermark your images (to deter visitors from taking screenshots of your gallery). Please see the short Adding Watermarks support section for details.

one quick question, does the Pro edition still have the Juicebox link?

No. The Juicebox branding (the Juicebox badge/link in the lower-right corner) is present only in Juicebox-Lite galleries.

Please could you advise on how to fix my stylesheet colours?

Your 'stylesheet1.css' file has an invalid CSS 'color' property (assigned to the wrong element).
Remove:

color:eecc00;

... from line 30, in this section:

#toolbar {
    font:normal 17px palitoy;
    color:eecc00;
    margin:0;
    padding:0;
}

... and add the following to your 'stylesheet1.css' file (just below the section above would be fine):

#toolbar a {
    color: #eecc00;
}

This should fix your link color problem.

And also how to remove the shadow from the mouse hover?

What you are describing is the caption area (with a gradient background and displaying the image number).
You can disable to entire caption area by setting captionPosition="NONE" ('Customize -> Caption').
Configuration options which can be used to customize the caption area can be found in the Color and Caption sections.

The 270x400 image is now way off; the figure is missing his head and I have a VIEW GALLERY overlay that provides thumbnails and a grid button when in fullscreen.

What you are describing is the Splash Page.
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a web page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window) and may may too small to be usable.
The Splash Page is essentially an image link for the gallery which displays an image (by default, the first image in the gallery) and some text.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the browser window (giving the images more space to be displayed).
When the gallery is expanded in Small Screen Mode, the user is presented with a page of thumbnails from which a main image can be selected. When a thumbnail is clicked, the thumbnail page is replaced with the chosen image. (In Small Screen Mode, the thumbnails and main images are displayed on different pages to maximize the area available for the images on small screen devices.) The user can return to the thumbnail page via the Thumbnail Button on the gallery's Button Bar.
More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

By default, the Splash Page uses the first image in the gallery and scales the image to fill (rather than fit within) the Splash Page (which uses the gallery dimensions). If the image does not have the same aspect ratio as the gallery/Splash Page, then cropping will occur (as you have discovered).
There is no way to change the scaling behavior for the Splash Page image but you can choose an image to be used for the Splash Page via the splashImageUrl configuration option.
The splashImageUrl can be an absolute path or a relative path (relative to the web page containing the gallery's embedding code).
The splashImageUrl does not need to be a gallery image so you could perhaps prepare an image that represents your gallery and looks better at the gallery/Splash Page dimensions.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" ('Customize -> Splash Page' section). Using this setting, the thumbnail page would initially be displayed instead of the Splash Page on small screen devices.
Alternatively, you could force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

For reference, all the Splash Page configuration options can be found here.

I tried tinkering with imageScaleMode, but it seems to have no effect.

Just to clarify, imageScaleMode changes only the scaling of the main image within the gallery's image area.

I hope these notes help.