1,276

(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,277

(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,278

(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,280

(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,281

(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,282

(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,283

(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,284

(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,286

(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,288

(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,289

(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,290

(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.

1,291

(20 replies, posted in Juicebox-Lite Support)

1. Remove the thumbnail bar entirely

This can be achieved only in Juicebox-Pro (not in Juicebox-Lite, the free version) by setting showThumbsOnLoad="FALSE" (to hide the thumbnails when the gallery is initialy displayed) and showThumbsButton="FALSE" (to hide the Thumbnail Button on the Button Bar to prevent users from being able to toggle the thumbnails on and off).

2. Remove all the shadow edges and hover shadows to my .png images

Set imageShadowBlur="0" or imageShadowColor="rgba(0,0,0,0)" to make the shadow fully transparent (Juicebox-Pro only).

3. Set my main index page image to 270x400 pixels

You can set the dimensions for the gallery via the galleryWidth and galleryHeight entries in the embedding code.
Your embedding code currently omits both galleryWidth and galleryHeight so Juicebox will use the default value of '100%' for both (resulting in the gallery filling both the width and height of its parent container).
If you want your gallery to be 270px x 400px, then use embedding code such as:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "270",
        galleryHeight: "400"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

No matter what the dimensions of the gallery are, the main images within the gallery will be scaled according to the value of the imageScaleMode configuration option which can be set to SCALE_DOWN, SCALE, FILL, STRETCH or NONE (Juicebox-Pro only). Short descriptions of each of these values can be found in the imageScaleMode entry in the Main Image Options section of the Config Options support page.

4. Figure out why my fullscreen images aren't working in Firefox

When the Expand Button is clicked, the gallery is expanded on top of the embedding page. However, the web page that your gallery is in has HTML errors and this is likely to be causing problems when the gallery is expanded.
Most importantly, your web page does not contain a Doctype Declaration (at the very top of the HTML document before the opening <html> tag). It is important for every web page to contain a Doctype Declaration to let the browser know what set of standards the code on the web page should conform to. Please see here for details.
It looks like the HTML 5 Doctype Declaration would best suit the code on your web page so start by placing the following code at the very top of your web page (before all other content).

<!DOCTYPE HTML>

Now, with the Doctype Declaration in place, check your web page for HTML errors with the W3C Markup Validation Service and fix any errors reported.
Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers (and it should hopefully solve your fullscreen problem).
The errors on your web page should ideally be fixed but Juicebox-Pro provides an alternative solution to your fullscreen problem. By setting expandInNewPage="TRUE", you can force the gallery to be expanded on a new page of its own (instead of on top of the embedding page) where the code (and errors) on the embedding page cannot interfere with the gallery.

For reference, short descriptions for all the configuration options in bold above can be found on the Config Options support page.

Many of the features required to customize your gallery as you would like it are Juicebox-Pro only.
Unfortunately, we do not offer a trial version of Juicebox-Pro but we do offer a 100% money-back guarantee.
Please see this FAQ for details:
Can I try a trial version of Juicebox-Pro?

I hope this helps to clarify things.
If you have any further queries, please let me know.

1,292

(496 replies, posted in Juicebox-Pro Support)

@cwnicholls

Many thanks for all your suggestions.

Here's a little feedback on some of your most recent posts which might be of interest to other users reading this thread.

When Publishing a gallery, the Save button is circled in blue. When the blue disappears it is finished publishing?

It is true that there is no progress bar or indication of when the saving process has finished but, when saving a gallery on the 'Publish' tab, the process should not take long at all.
The procedure that takes the longest time to complete is the resizing of the images and this is done when the images are added to the gallery on the 'Images' tab. (There is a progress bar for this, letting you know how many images have been processed and how many there are in total.) All that remains when the 'Save' button is clicked is to write the 'config.xml' file, add the custom embedding code to the 'index.html' file and move the resized images (and copy the 'jbcore' folder) to the specified folder.
You can always click the 'View in Browser' checkbox on the 'Publish' tab and JuiceboxBuilder-Pro will display the gallery (from the gallery folder) when the gallery is ready.

You know about this, rotating an image twice does that plus the image becomes the mirror image.

This is, indeed, a bug (thank you again for reporting it).
I have notified the developers and they will certainly investigate further (and hopefully fix the issue for a future version).
In the meantime, as I mentioned in this thread, the only workaround I've found is to rotate images (if necessary) in a third-party imaging program (such as Adobe Photoshop) before feeding them to JuiceboxBuilder-Pro.

For some reason the image collections are maintaining individual image rotations done previously with Windows(10) File Explorer.

Some programs use the EXIF orientation tag (and display the image in the orientation specified) and other programs do not.
JuiceboxBuilder-Pro is one such program that does not use the EXIF orientation tag, so, if anyone experiences difficulties with image orientation in JuiceboxBuilder-Pro, one possible workaround would be to re-save the image in an imaging program (such as Adobe Photoshop) stripping out the EXIF data and, then, if necessary, rotate the image so that it is visually oriented correctly (inverting the actual aspect ratio rather than introducing a new EXIF orientation flag) before feeding it to JuiceboxBuilder-Pro. I realise that this will add a few steps to an existing workflow but it might help.

We very much appreciate your suggestions and feedback.
I'm sure the developers will consider all your ideas and the points that you make.
My notes above are really intended for other users reading through this thread and experiencing similar issues (but who have not read through the individual forum topics that you have created.) They might help to clarify things for some people.

1,293

(3 replies, posted in Juicebox-Pro Support)

A Juicebox gallery can certainly be embedded into a PHP page.
In a regular PHP web page, all you need to do is close the existing PHP section with ?>, insert the Juicebox embedding code (where you want the gallery to be displayed in your page) and then open a new PHP section (for the rest of your PHP code) with <?php.

Without knowing what code is included in your 'header.inc and 'main.inc' files, I really have no way of knowing how your web page is constructed. (Even looking at your live web page does not let me know what code is in these files.)

However, here are a few pointers which may help.

(1) It looks like your 'header.inc' file may start your web page with a DOCTYPE Declaration and an opening <html> tag (and your 'main.inc' file may end your web page). If this is, indeed, the case, then you would not need to use the gallery's complete 'index.html' file. All you would need to use is the embedding code (presented on JuiceboxBuilder-Pro's 'Publish' tab and also noted in the Juicebox Embedding Guide here).

(2) If your gallery is not nested inside any parent containers, then you might like to change the dimensions of your gallery. Try changing your galleryHeight from '100%' to '600px' (but leave the galleryWidth at 100%) to see if this helps with the size of the gallery on your web page.

(3) If you want your gallery to be displayed below the 'header.inc' content and above the 'main.inc' content, then try the following:

<?php
    $strMain = 1; // banner and menubar to display
    $strSideNav = 1; // Side nav to display
    include('includes/header.inc');
?>

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

<?php
    include('includes/main.inc');
?>

(You'd also need to upload the contents of your gallery folder to the directory that contains the web page with the embedding code, as noted in the Juicebox Embedding Guide link above.)

I hope this points you in the right direction.

1,294

(14 replies, posted in Juicebox-Pro Support)

Thanks again for the suggestions.
I hope you're able to resolve your file-lock problem (it certainly sounds like it might be connected to your USB backup procedure).

What do I get, 180 degrees and the mirror image!

Thank you for reporting this problem. I've been able to replicate it with one of my own images and I've notified the developers who will investigate further.
At the moment, the only workaround I've found is to rotate images (if necessary) in a third-party imaging program (such as Adobe Photoshop) before feeding them to JuiceboxBuilder-Pro.
Hopefully the developers will be able to fix this issue in a future version.
Thank you, once again, for reporting it.

1,295

(14 replies, posted in Juicebox-Pro Support)

Thank you for the additional information (and for posting your suggestions in the Feature Requests forum thread).

Cannot delete, requires Admin. Priv.

Are you using JuiceboxBuilder-Pro under an Windows Administrator User Account?
If not, what happens if you do?

Rebooting seems to relieve those local restrictions and allow deletion.

As I'm sure you're aware, rebooting should not change file permissions or attributes.
Maybe the problem has something to do with a program having a temporary lock on certain gallery files.
Check that you do not have any gallery files open in any programs (such as the 'index.html' file being open in a browser or the 'config.xml' file being open in a text editor or any gallery images being open in an imaging program) when you re-save the gallery.

(when I FTP the gallery to my website all I get is the spinning icon, no images, and no evidence of the edited option icons having changed. No delete restrictions on my webhost.)

When editing the gallery, if all you are doing is changing configuration options, then the only file you should need to update on your website is the 'config.xml' file (overwriting the existing version). There is no need to re-upload or overwrite the images or thumbnails.
This might not help to resolve your problem but it might help if you need to update a gallery on your website (as long as the image entries in the 'config.xml' are not somehow changed or removed).

Maybe you could upload a couple of sample zip files so that I can investigate further. Even if I'm unable to find the source of the problem, I might at least have a better understanding of what's happening to your gallery folder after re-re-saving your gallery.
If possible, create a sample gallery and then zip the entire gallery folder and upload it somewhere (and provide a link so that I can download it).
Then, edit your gallery, re-save it and zip the gallery folder again (and upload the new zip file so that I can compare the two).
(I'll delete the links once I've downloaded the zip files if you like.)
Once I'm able to see the gallery folder before and after the edits you make, I might be able to figure out what's going on.

It appears some of my issues are due to cache images and files. I deleted them and my buttons are what I want now. I don't know why refreshing my browser on a page doesn't clear this up, however.

Sometimes refreshing a web page is not enough to force the browser to reload the page from the server (and you might need to completely clear the cache manually to be sure that you're seeing the changes that you've made).
Please also see this FAQ:
When I update my gallery I don't see my changes online. Why?

If I try to rename the gallery top directory I am not allowed as some lower level file is open in another application.

If you are editing an existing gallery, then I've not known JuiceboxBuilder-Pro to prevent you from renaming the gallery folder whilst the gallery is open in the application (but I'd not recommend it) so perhaps the problem is, indeed, due to a gallery file being open in another program as I suggested above (so please double-check that you do not have any gallery files open in any other programs when you re-save the gallery).

I hope these notes help.

1,296

(14 replies, posted in Juicebox-Pro Support)

The thumbnails showed up and no image, only the spinning juicebox icon.

Unfortunately, I cannot explain what might have happened.
You should certainly be able to edit a gallery without losing any gallery images. I've not encountered this problem before (and I don't recall any other users reporting such a problem).

I uploaded the gallery to my website, same thing.

It certainly sounds like the image entries were removed from the gallery's 'config.xml' file. If you upload a modified gallery folder to your website, then existing images will not be deleted (but if the image entries are no longer in the 'config.xml' file, then the images will no longer be displayed in the gallery).

If the problem happens again, check your gallery's 'config.xml' file (you can open it in a plain text editor) to see if the <image> tags for all your images are present.
Also, before saving your gallery on the 'Publish' tab, double-check that all the images are present on the 'Images' tab.

Now I can't delete the images directory (which I now can't access, probably why the browser didn't open any images, only thumbnails) from the first go-round. Needs Administrator privileges. Also some of the other directories need level by level deletion.

This is also very strange (although, as you say, if the 'images' folder permissions are too restrictive, then the browser will not have access to the image files).

Re-uploading images to your website should not change their permissions.
I do not know how you are uploading your gallery files but, in case it helps, I use Filezilla (a free dedicated FTP program) which I've used for many years without issue.

If you find that re-uploading a file (or folder) to your web server changes its permissions, then you might like to try a different FTP program to see if this makes a difference. An alternative FTP program for Windows is WinSCP (also free).

I'm not sure if these notes will help but if you can replicate the problem consistently, please post back with a set of steps that I can follow to try to reproduce the problem myself and hopefully help further. Thank you.

1,297

(3 replies, posted in Juicebox-Pro Support)

Perhaps you can add an option to enlarge the thumbnails during the Images screen during gallery creation so rotation need is more easily noticed!

Sounds like a feature request!
Please post ideas in the Feature Requests forum thread so the developers will see them when they collate suggestions for possible inclusion in future versions. Thanks!

1,298

(3 replies, posted in Juicebox-Pro Support)

As you have discovered, JuiceboxBuilder-Pro does not use the EXIF orientation flag embedded within images. When images are added to a gallery, the EXIF orientation flag is not read and, when images are resized for galleries, all metadata is removed from the images.

If you need metadata to be retained in gallery images, you could resize your images in an imaging program such as Adobe Photoshop (retaining metadata during the resizing process) before feeding them to JuiceboxBuilder-Pro and deselect the 'Resize Images' checkbox so that JuiceboxBuilder-Pro does not process the images further.

However, this still might not be enough to solve orientation issues. It can be difficult to know exactly how a certain program will display an image with an EXIF orientation flag and there seems to be little consistency across different programs (and web browsers).

For example, try viewing this image directly in different browsers.
http://7stripes.esy.es/sample/image001.jpg

In Edge and IE11, the image is displayed in landscape orientation (the EXIF tag not being read).
However, in Chrome, Firefox and Opera, the image is displayed in portrait orientation (correct according to the EXIF orientation tag which I changed by rotating the image in Windows File Explorer).

When the image is displayed by an HTML <img> tag (just as Juicebox does in a gallery's web page), all browsers (at least the ones I listed above) do not seem to respect the EXIF orientation tag and just display the image as it is.
http://7stripes.esy.es/sample/index.html

You could try including the image-orientation: from-image; CSS rule in your gallery's web page (applied to all 'img' tags) but browser support is currently limited (to Firefox 26 and later) and Juicebox itself would not know that the image had been rotated by the browser which may result in the image being displayed in the gallery with unexpected dimensions (the drop-shadow around the image may be in an incorrect position).

With all this in mind, perhaps the best way to ensure that your images are displayed as expected in your gallery would be to re-save your images in an imaging program (such as Adobe Photoshop), stripping out the metadata during the resizing process and then rotate your images so that they are visually oriented correctly (inverting their actual aspect ratios rather than introducing new EXIF orientation flags) before feeding them to JuiceboxBuilder-Pro.

EXIF orientation can be a minefield at times and, as can be seen above, it is not always easy to predict how an image will be displayed in any given program.
This article, whilst a little out-of-date, makes for interesting reading.

Knowing how JuiceboxBuilder-Pro works should at least allow you to adjust your workflow to obtain a gallery with correctly orientated images.

If you do not have Adobe Photoshop, then there are other imaging programs you could use to batch process (re-save with or without metadata, rotate, etc.) your images, such as Irfanview. (This is just a personal suggestion rather than an official recommendation.)

I hope this goes some way towards explaining things.

Can you please not strip out whatever information is in the photo files that indicates their correct orientation??

I do not know how likely it is that JuiceboxBuilder-Pro's behavior will be changed in the future but, if you like, please feel free to make suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

1,299

(1 replies, posted in Juicebox-Pro Support)

It sounds like you might be posting in the wrong forum.
This is a support forum for Juicebox (our HTML 5 web gallery software) and it sounds like you might be using a different, unrelated product.

If you have a JuiceBox from eMotorWerks, then you might like to take a look at their JuiceBox Wifi-Connection Guide or send them a message via their online form.

I hope this points you in the right direction.

1,300

(7 replies, posted in Juicebox-Pro Support)

@gfs

I'm glad to hear that just deleting the 'ELS' folder worked for you, too.
Thanks for sharing!