1,326 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Lite Support

1,327 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

1,328 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,329 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

1,330 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,331 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,332 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Lite Support

1,333 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Lite Support

1,334 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,335 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,336 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,337 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,338 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,339 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,340 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,341 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,342 Reply by Steven @ Juicebox

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

Go to forum: Juicebox-Pro Support

1,343 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The Download Button requires that PHP v5.2.0 (or later) is installed on your web server (please see the System Requirements for details) and it sounds like you might not have PHP installed on your server.
Please double-check with your web host that PHP is installed and active on your web space.
If it is, then please post back with the URL to your gallery's web page so that I can see the problem for myself and hopefully help further. Thank you.

Go to forum: Juicebox-Pro Support

1,344 Reply by Steven @ Juicebox

(19 replies, posted in Juicebox-Pro Support)

For the Back Button to appear in Small Screen Mode, you'll need to set showSmallBackButton="TRUE" (in the Back Button section).
Please note that in Small Screen Mode, the Back Button will be displayed on the main image pages but not the thumbnail pages.

If you really need a link on the Small Screen Mode thumbnail pages, then you could use HTML formatting within the Gallery Title (as noted in this FAQ) to include an <a> tag. For example, you could enter a galleryTitle (in the 'Lite' options section) such as:

Click <a href="http://www.example.com/index.html">here</a> to return to main page.

If you choose to use display a Gallery Title in your gallery, then it will be displayed in Large Screen Mode and on the thumbnail pages (but not the main image pages) in Small Screen Mode.
You can position the Gallery Title (for Large Screen Mode) using the galleryTitlePosition and galleryHAlign configuration options (in the 'General' options section).

Go to forum: Juicebox-Pro Support

1,345 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

This works really well.

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

Tried it out on this page:

Nicely done! I hope it doesn't take you too long to integrate it into the rest of your web pages.

Go to forum: Juicebox-Pro Support

1,346 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

It works but on the right-click, although a local menu appears, it's not possible to copy an image...

I thought this might be the case and mentioned it in a post above:

You could use JavaScript to enable right-clicking within a gallery but you'd likely find that it would not make downloading a gallery image any easier. Chances are you'd right-click on a gallery image but you'd actually be clicking on an invisible overlay (including gallery elements such as the hit areas for navigation) so you'd not see the 'Save Image As...' option.

There really is no way to allow right-clicking to save an image in a Juicebox gallery and, if you want to allow users to be able to download images from a Juicebox gallery, the best options would be to display the Open Image and/or Download Button on the gallery's Button Bar (via showOpenButton="TRUE" and/or showDownloadButton="TRUE").

... and it's still not possible to highlight text outside of IE 11.

Unfortunately, it looks like it's just not possible to copy text from within a Juicebox gallery (across all browsers) and there's no easy way around this.
If it is really important for visitors to your website to be able to copy and paste image titles and/or image captions, you could use the Juicebox-Pro API to fetch the image title and caption for the currently displayed image and use JavaScript to display the text elsewhere on the web page (in a separate <div> container outside the gallery) where it can be copied with ease.
Here's as example of how this can be achieved.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var title = info.title;
                var caption = info.caption;
                $('#text').html('<p>Image Title: ' + title + '</p><p>Image Caption: ' + caption + '</p>');
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="text"></div>
    </body>
</html>

Also when other galleries on the same page are selected, no right-click is possible.

On your 'decBirds&Flowers.asp' page, when the page is initially loaded, I can right-click on your 'Birds & Flowers' gallery.
If I then switch galleries (to your 'Tiles on the Wall' gallery), the right-click functionality is still available.
It's only when I change pages (for example, to your 'decFarmyard.asp' page) that the right-click functionality disappears (and that's because the re-enabling code is not present in those other gallery pages).
If you find that switching galleries on the same page disables the right-click functionality, then try replacing the following code in your loadGallery(a, b, c, y, z) function:

if (tracker === false) {            
    jb.onInitComplete = function() {
        var element = document.getElementById('juicebox-container');
        element.oncontextmenu = null;
    };
}

... with this alternative (which should re-enable the right-click menu for all elements on the web page every time a gallery is selected):

jb.onInitComplete = function() {
    var elements = document.getElementsByTagName('*');
    for (var i = 0; i < elements.length; i++) {
        elements[i].oncontextmenu = null;
    }
};

Even though it's not possible to right-click and save an image or highlight and copy text from within a Juicebox gallery, I hope my suggestions and workarounds are useful (and thanks for posting your suggestions in the Feature Requests thread).

Go to forum: Juicebox-Pro Support

1,347 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

That should certainly work (as the browser never moves away from the 'index.html' page whilst switching between different galleries).
My suggestion should still come in useful for anyone who assigns a different audio track for each individual gallery within an album (via Juicebox's own audio functionality) but adding a single audio track to the album's 'index.html' page (using an HTML 5 <audio> tag) is a great solution for a continuous audio track which does not change when different galleries are selected.
Thanks for sharing!

Go to forum: Juicebox-Pro Support

1,348 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

It looks like you have placed the code in the correct place in your 'index.html' file so it should work fine.

I have just double-checked my suggestion and it seems to work OK for me.
I created a multi-gallery album with jAlbum 15.1.3 and the Juicebox skin v1.5.1, giving each gallery an audioUrlMp3 and setting playAudioOnLoad to TRUE.

Without any modifications, the audio tracks play over each other when new galleries are selected from the side menu (as expected).
After adding the code:

if (jb) {
    $('.jb-bb-btn-audio').each(function() {
        if ($(this).hasClass('jb-status-playing')) {
            jb.toggleAudio();
        }
    });
}

... at the very beginning of the loadContent(galleryPath, galleryCount) function, the audio track from the current gallery stops before the audio from the newly selected gallery starts (again, as expected).

Try clearing your browser's cache to be sure that your browser is using your updated 'index.html' file.
I have just viewed the album page you posted in your original post above and it seems to work OK. I can clearly hear the audio from one gallery stop before the audio from a new gallery starts.
Please remember that the audio tracks are linked to individual galleries and there is no easy way to have a single audio track play (and continue to play) whilst switching between different galleries. (You'd need to manually embed a third-party audio player into your 'index.html' file to do this.)

Go to forum: Juicebox-Pro Support

1,349 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

As I suspected (and noted in my post above), index.html is generated by the Juicebox skin but index2.html onwards have been created by a different skin (but I do not know which one).
It looks like you may have created an album with a certain (unknown) skin, then switched to the Juicebox skin and remade your album (without changing your output directory). The Juicebox skin generated a new index.html file (overwriting the original index.html file from having made the album with the original skin) and stopped there (as the Juicebox skin does not need any more HTML pages). The additional index2.html, index3.html, etc. files are redundant remnants from the use of the original skin and can safely be deleted (or just ignored). They do not play a part in the Juicebox album.
If you make a fresh album with the Juicebox skin (and use a new empty folder as your output directory), you'll see that index2.html, index3.html, etc. files are not generated.

As I noted above, just open your album's 'index.html' file and place the following code immediately after the function loadContent(galleryPath, galleryCount) { line:

if (jb) {
    $('.jb-bb-btn-audio').each(function() {
        if ($(this).hasClass('jb-status-playing')) {
            jb.toggleAudio();
        }
    });
}

This should hopefully work fine.

Go to forum: Juicebox-Pro Support

1,350 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Try the following. Replace your current loadgallery() function with the following code. You can use your existing tracker variable to ensure that the right-click removal code is run just once (and not each time a new gallery is loaded).

function loadGallery(a, b, c, y, z) {
    var jb = new juicebox({
        backgroundColor: "rgba(255,255,255,1)",
        thumbShadowBlur: "rgba(255,255,255,1)",
        imageShadowColor: "rgba(255,255,255,1)",
        textShadowColor: "rgba(255,255,255,1)",
        captionBackTopColor: "rgba(0,0,0,0)",
        containerId: "juicebox-container",
        baseUrl: y,
        galleryHeight: z,
        maxThumbColumns: a,
        maxThumbRows: b,
        thumbsPosition: c
    });
    if (tracker === false) {            
        jb.onInitComplete = function() {
            var element = document.getElementById('juicebox-container');
            element.oncontextmenu = null;
        };
    }
    tracker = true;
}

This should work fine. (I tested it myself before posting.)

Go to forum: Juicebox-Pro Support