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

1,802

(8 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad that everything has worked out in the end.

I expect you might be referring to the image used for the Splash Page on mobile devices.

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 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 user's browser window (giving the images more space to be displayed). If you set showSmallThumbsOnLoad="FALSE" (in the 'Thumbnail' section), then, when the Splash Page is clicked or tapped in Small Screen Mode (on mobile devices), the firstImageIndex image (rather than the thumbnail page) will initially be displayed when the gallery is expanded.

By default, the Splash Page uses the first image in the gallery and the image is resized to fill the Splash Page (cropping may occur).
You can choose a different image to represent your gallery on the Splash Page using the splashImageUrl configuration option.
You can further customize the Splash Page using the Splash Page configuration options.

For more information about Screen Modes, the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here: http://www.juicebox.net/tour/gallery/

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in the 'Splash Page' section).
Alternatively, you can 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" (in the 'General' section).

I hope this helps.

1,804

(8 replies, posted in Juicebox-Pro Support)

It certainly sounds like there may be a problem with the formatting of the 'pswd.php' file.
It might be best if I could take a look at the file you are using to see if I can see any problems with it.
Please check your email. I have sent you a message. Thank you.

1,805

(8 replies, posted in Juicebox-Pro Support)

Many thanks for the link. I see that you are using Showkase.
Each Juicebox gallery in a Showkase site has its own 'jbcore' folder but when a Juicebox gallery page is created, Showkase copies a master 'jbcore' folder to the gallery's own directory. Therefore, all Juicebox galleries in a Showkase site technically have their own 'jbcore' folder but all the 'jbcore' folders are the same (so all Juicebox galleries in a Showkase site share the same password).
To set the password for all Juicebox galleries in your Showkase site, you'll need to edit the following file and then republish your site afterwards (just click the 'Publish' button) to copy the master 'jbcore' folder across to all the gallery directories.

/showkase/admin/plugins/juicebox/master/jbcore/pswd.php

I hope this helps.

1,806

(8 replies, posted in Juicebox-Pro Support)

When I examine my other galleries turns out some have jbcore folders, some don't.

All galleries use a 'jbcore' folder (the 'juicebox.js' JavaScript file will be loaded into every web page than contains a Juicebox gallery). However, it is possible that not all Juicebox galleries will have their own 'jbcore' folder.
Galleries that are on the same web page will share a single 'jbcore' folder and gallery that are not on the same web page can share a single 'jbcore' folder. (Please see the Using an External jbcore Folder support section for details.)

Every gallery created by JuiceboxBuilder-Pro will have its own 'jbcore' folder but I do not know how you embed your galleries into your web pages and if any of your galleries share a 'jbcore' folder.

All galleries that share a 'jbcore' folder will also share a password (in the 'jbcore/pswd.php' file).

When you edit the 'jbcore/pswd.php' file to change the password, be sure to use a plain text editor such as Notepad++ (not a word processor or rich text editor which can introduce hidden formatting and break the PHP code) and add your chosen password (or passwords) in the $passwords array. Also, make sure that you use regular double-quotes around each password (rather than other characters such as angled quotes or backticks).

You should be able to tell where the 'jbcore' folder for a particular gallery is located on your server by checking the source of the gallery's web page in your browser and looking for the <script> tag that points towards the 'juicebox.s' file.

If you're having trouble with a particular gallery, please post back with a link to it so that I can take a look for myself and hopefully help further.

1,807

(496 replies, posted in Juicebox-Pro Support)

@fkelly12054 & @wspollack

You could certainly save a combination of options in a Preset of your own (see the Preset section in the JuiceboxBuilder User Guide) and load the preset to apply the Preset values to the gallery being created or edited in JuiceboxBuilder. A preset can store information such as gallery configuration options on the 'Customize' tab (e.g. galleryTitlePosition, AutoPlay options) and other options such as the state of the 'Resize Images' checkbox on the 'Images' tab.
You could also load a dummy gallery with the options you want to use (and then delete the dummy gallery's images and add new ones).
Either of these options would be similar to opening a project file in jAlbum (though not identical... the applications are very different to each other).

The reason that image titles and captions are not immediately overwritten when a Preset file is loaded is that all custom image titles and captions (text entered manually by a user) would be lost.
For example, the possible 'Images -> Titles' values are: Use File Name, Use IPTC Title, None.
A Preset file will save the 'Images -> Titles' selection in the drop-down menu but, if the selection was applied when the Preset was loaded, then all image titles (for all images present in the gallery when the Preset file was loaded) would then be changed to the image file names, the IPTC Title or blank. All custom text would be lost and the user would have to enter it all again.
However, all images subsequently added after the Preset has been loaded will have their titles populated by the 'Images -> Titles' selection from the Preset.

I realise that this is perhaps not how you would like JuiceboxBuilder to work but I hope it helps to clarify why things work the way they do.

Thank you for posting your suggestions and Feedback here.
I'm sure the developers will at least take into consideration your idea to have a default values option (to avoid the need to load a Preset or a dummy gallery) but I really do not know what may or may not be implemented in future versions.

1,808

(12 replies, posted in Juicebox-Pro Support)

1.  is there a way to set default preferences that will ALWAYS apply, even to new Galleries and unless explicitly overridden.

Unfortunately not. There is no way to automatically have Juicebox-Pro use IPTC metadata for image title or captions as soon as the application has loaded.
You would always need to select 'Images -> Titles -> Use IPTC Title' (or 'Images -> Captions -> Use IPTC Caption') from the drop down menu at the top.

Since Juicebox has not created files with captions metadata we can't just reread the files after changing that option.

If you were to edit a gallery (via the 'Open Gallery...' button on JuiceboxBuilder-Pro's 'Start' tab) and the source images are still in their original '/export/galleryname1' folder from when the gallery was first created, then JuiceboxBuilder-Pro will reuse the source images (with the embedded metadata) instead of using the gallery images (without the metadata). (This is what the sourcePath entries in a gallery's XML configuration file are for.)
As long as the source images are still in their original folder, you could edit a gallery and quickly select 'Use IPTC Title' or ('Use IPTC Caption') before resaving the gallery on the 'Publish' tab.
I'm not sure if this will be helpful to you or not but I thought I should mention it.

And 2. which is not so much a question as a request for confirmation.  The files created for the juicebox images directory, if captions are off in presets, don't include metadata.

That is correct. Images that are processed for a gallery by JuiceboxBuilder-Pro (either for resizing or watermarking) do not contain any metadata. The only way to avoid this would be to deselect the 'Resize Images' and 'Use Watermark' checkboxes. In doing so, JuiceboxBuilder-Pro will copy the source images across to the output 'images' folder without processing them (with their metadata intact).

In other words, the refresh that you mentioned in your 2016-06-24 response only works if Juicebox has copied over the image files with caption metadata and as far as I can tell it doesn't do that if captions are "off".

Please see my note above regarding the sourcePath entries (and editing a gallery with JuiceboxBuilder-Pro reusing original source images containing metadata). Leaving your source images in their original locations means that they can be reused (and their metadata can be extracted) when a gallery is edited.

It would also be helpful if you could shift-click or ctrl-click the list of images in a Gallery in order to delete them.

You can. You can Shift-Click and/or Ctrl+Click images on JuicboxBuilder-Pro's 'Images' tab and then go to 'Images -> Delete' from the drop down menu at the top (or press Ctrl+D). If you find that you can't do this, make sure that you are using the latest version of JuiceboxBuilder-Pro (v1.5.0). If necessary, instructions for upgrading Juicebox can be found here.

Thank you for posting your suggestions in the Feature Requests thread.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place to post your ideas.

Edit:
Please also see my reply to your post in the Feature Requests thread here.

1,809

(5 replies, posted in Juicebox-Lite Support)

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

You're welcome!
We're glad you like Juicebox-Pro and are getting on well with JuiceboxBuilder!

1,811

(5 replies, posted in Juicebox-Lite Support)

I think I've just noticed the root of your problem.
Your gallery's embedding code is inside the gallery's own container.
Move the gallery's embedding code outside its container and hopefully all will be well.

For example, for your first gallery, you currently have this:

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

Change the above to this:

<div class="column margin10Bottom" id="juicebox-container1"></div>
<!--START JUICEBOX EMBED-->
<script src="img/elmsford/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl : 'img/elmsford/',
        containerId : 'juicebox-container1',
        galleryWidth : '100%',
        galleryHeight : '300',
        backgroundColor: '#222222'
    });
</script>
<!--END JUICEBOX EMBED-->

Incidentally, you embed your galleries into containers named 'juicebox-container1' and 'juicebox-container2'.
Therefore, the following two lines (one per gallery) are redundant (and a web page should not contain containers with duplicate ids) so can be removed:

<div id="juicebox-container"></div>
<div id="juicebox-container"></div>

If the above does not work, then if you are using an .htaccess file, check to see if there are any rewrite rules that might be affecting the path to the 'full.html' file.

1,812

(5 replies, posted in Juicebox-Lite Support)

I notice that you have two Juicebox galleries embedded in your web page.
When embedding multiple Juicebox galleries, the 'juicebox.js' file should be loaded only once per page rather than once per gallery (and your page currently loads the 'juicebox.js' file twice).

Try removing the following line of code from your page (and clear your browser's cache before reloading your web page) to see if this helps:

<script src="img/fishkill/jbcore/juicebox.js"></script>

You can clear all image titles at once by going to 'Images -> Titles -> Use None' from the drop-down menu at the top.
You can do likewise for the image captions ('Images -> Captions -> Use None').

If you want to prevent the caption area from being displayed at all, then set captionPosition="NONE" (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

1,814

(7 replies, posted in Juicebox-Pro Support)

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

1,815

(1 replies, posted in Juicebox-Pro Support)

Please see this FAQ:
How do I allow or prevent users from saving gallery images?

The right-click menu is disabled for a Juicebox gallery so users will be unable to save gallery images via this method.
In addition to setting showOpenButton="FALSE" (as noted in the FAQ above), set showDownloadButton="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section) and the user will be unable to open or download the image via the gallery. This is as much protection as the gallery can give.

However, it is not possible to prevent users from taking screenshots of your gallery so you might like to watermark your images using the Watermark functionality built into JuiceboxBuilder-Pro.
Adding Watermarks: https://www.juicebox.net/support/creati … watermarks

Please bear in mind that if a user knows the structure of a Juicebox gallery, then it would be possible to track down the images from the paths in the gallery's configuration file. There is nothing you can do to prevent against this as viewing the source of web pages is browser functionality that cannot be disabled via a web page. (Again, watermarking your images might be the best policy.) Anything you do to prevent a user from accessing the image directly on your web server would also prevent Juicebox from displaying the image in the gallery.

I hope this helps.

1,816

(1 replies, posted in Juicebox-Pro Support)

It's probably by design (by Apple) due to the iPad having a larger screen than the iPhone and, therefore, being able to display more information without having to hide the address bar to give the page content as much space as possible.
Unfortunately, I do not have an iPad on which to test so this is just speculation on my part, although this seems to be the general consensus of opinion in this (old) Apple forum thread: https://discussions.apple.com/thread/5528272

Are your iPad and iPhone running the same version of iOS? (What version is it?)
Apple have changed the way Mobile Safari works (with regard to full screen content and hiding toolbars) several times over the years.
For example, they introduced the 'mimimal-ui' viewport property in iOS 7 and removed it from iOS 8. (Try a web search for 'Apple minimal-ui' for more information.)

Also, it might help to know if you are referring to a full-browser Juicebox gallery page (a 100% x 100% gallery with no other content) or a web page with an embedded Juicebox gallery and other content (including vertical scrollbars).
Try viewing both types of pages (and also a page not containing a Juicebox gallery) to see if what you are reporting happens with all page types.

I suspect it's just the way that Mobile Safari works on the iPad, though.

1,817

(1 replies, posted in Juicebox-Pro Support)

It looks like you're almost there. Try adding imageClickMode="NONE" to your gallery's configuration options (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

For other's trying to achieve a similar result, try the following options:

autoPlayOnLoad="TRUE"
buttonBarPosition="NONE"
captionPosition="NONE"
enableKeyboardControls="FALSE"
galleryTitlePosition="NONE"
imageClickMode="NONE"
imageTransitionType="CROSS_FADE"
showAutoPlayStatus="FALSE"
showImageNav="NEVER"
showImageOverlay="NEVER"
showSmallThumbsOnLoad="FALSE"
showThumbsOnLoad="FALSE"

1,818

(1 replies, posted in Juicebox-Pro Support)

Apparently in v1.5.0 you can now use JSON as a config instead of XML.

That's right. As of v1.5.0, the Juicebox configuration fie can be JSON instead of XML (noted in this blog post).

It looks like you were just about there... just change your "image" to "images".

Here's a sample JSON configuration file to show the format required:

{
    "useFlickr": "FALSE",
    "galleryTitle": "Gallery Title",
    "textColor": "rgba(255,255,255,1.0)",
    "thumbFrameColor": "rgba(255,255,255,0.5)",
    "showOpenButton": "TRUE",
    "showExpandButton": "TRUE",
    "showThumbsButton": "TRUE",
    "useThumbDots": "TRUE",
    "useFullscreenExpand": "TRUE",
    "images":[
        {
            "imageURL": "images/IMG_0386.jpg",
            "thumbURL": "thumbs/IMG_0386.jpg",
            "linkURL": "images/IMG_0386.jpg",
            "linkTarget": "_blank",
            "title": "IMG_0386",
            "caption": "Caption Text"
        },
        {
            "imageURL": "images/IMG_0156.jpg",
            "thumbURL": "thumbs/IMG_0156.jpg",
            "linkURL": "images/IMG_0156.jpg",
            "linkTarget": "_blank",
            "title": "IMG_0156",
            "caption": "Caption Text"
        },
        {
            "imageURL": "images/IMG_0214.jpg",
            "thumbURL": "thumbs/IMG_0214.jpg",
            "linkURL": "images/IMG_0214.jpg",
            "linkTarget": "_blank",
            "title": "IMG_0214",
            "caption": "Caption Text"
        }
    ]
}

Just be sure to name your JSON file with a .json file extension and point towards it in your gallery's embedding code using the configUrl configuration option, such as:

configUrl: "config.json"

1,819

(7 replies, posted in Juicebox-Pro Support)

Thanks for the clarification.
Juicebox uses the same custom characters for the main image navigation buttons and the thumbnail navigation buttons so it would not be possible to use a different character for main images vs thumbnails.
Also, the navigation button color options (navButtonIconColor, navButtonIconHoverColor, navButtonBackColor) affect both main image and thumbnail navigation buttons.

However, you could use CSS to change the color of only the thumbnail navigation buttons (for example).

If you wanted to use black arrows for the thumbnail navigation buttons, try something like the following in the <head> section of your gallery's HTML page.

<style type="text/css">
    .jb-navigation.index-navigation .jbn-nav-button {
        color: rgba(0,0,0,1) !important;
    }
</style>

1,820

(3 replies, posted in Juicebox-Pro Support)

[edit] wow, that was simple :-)

I'm glad you've got it working.

Thanks a lot for that great help,

You're welcome!

... the gallery loads a fullscreen image of the 1st image of the gallery and all the way at the bottom you need to hit on the "View Gallery" in order to open the gallery.

What you are describing is the Splash Page.

The Splash Page is a placeholder for the gallery which is displayed by default in Small Screen Mode (on small screen devices) when the gallery is embedded in a 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.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the user's browser window (giving the images more space to be displayed).
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see the Screen Modes section of the Gallery Tour.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can 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').

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

Also, is there a way to totally disable and hide those 3 icons on the top right that allow you to Hide Thumbnails, Expand Image etc?

Yes. You can disable individual Button Bar buttons via their own controls in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section.
If you want to hide the Button Bar completely (along with all its buttons), then set buttonBarPosition="NONE" (also in 'Customize -> Button Bar').

I would also recommend upgrading your galleries to the current version of Juicebox-Pro (v1.5.0) as many bugs have been fixed (and new features introduced) since v.1.2.0. Please see the Version History for a list of changes between versions.
Instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page.

You're welcome.
I'm glad the workaround is a suitable solution until the bug is fixed.

1,823

(7 replies, posted in Juicebox-Pro Support)

Can the arrows on the main image and the arrows in the thumbnail area be styled differently...

Yes. Please see the Custom Icons support section in the Theming Guide for details.
You could swap the current icons for other ones from the IcoMoon library (there are a few different arrows to choose from) or you could create your own icons (or modify existing ones) using the IcoMoon editor.

1,824

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, Juicebox-Pro does not support mouse wheel scrolling.

Juicebox-Pro was written from the ground-up (and is not just SimpleViewer-Pro ported to HTML 5).
As such, the two applications do not feature exactly the same functionality and there are not always direct translations between SimpleViewer-Pro's configuration options and those of Juicebox-Pro.
Please see this SimpleViewer blog entry for more information on the differences between SimpleViewer and Juicebox.

You might like to post your idea in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

Otherwise, you could perhaps implement mouse wheel functionality manually using JavaScript and the Juicebox-Pro API (to determine the current image, the total number of images in the gallery and to show the previous or next image in the gallery when the mouse wheel is scrolled).
To see this in action, create a sample gallery in JuiceboxBuilder-Pro and use the following HTML code as the gallery's 'index.html' file. If you want to be able to loop through the images (rather than stop at the first and last images), set var loop = true;.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Juicebox-Pro Gallery</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <style type="text/css">
    body {
        margin: 0px;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script>
    var jb = new juicebox({
        containerId: 'juicebox-container'
    });
    // Run following when gallery is ready
    jb.onInitComplete = function() {
        // Wheel handler function
        function wheelHandler(e) {
            var current = jb.getImageIndex(); // Get current image index number
            var loop = false; // Set to 'true' to loop through images with mouse wheel 
            if (e.deltaY > 0) { // If mouse wheel is scrolled down...
                if (current > 1) {
                    jb.showImage(current - 1); // Show previous image in gallery
                } else {
                    if (current === 1 && loop) {
                        jb.showImage(maximum); // Show last image if currently displaying first image and looping is enabled
                    }
                }
            }
            if (e.deltaY < 0) { // If mouse wheel is scrolled up...
                if (current < maximum) {
                    jb.showImage(current + 1); // Show next image in gallery
                } else {
                    if (current === maximum && loop) {
                        jb.showImage(1); // Show first image if currently displaying last image and looping is enabled
                    }
                }
            }
        }    
        var maximum = jb.getImageCount(); // Get total number of images in gallery
        document.getElementById('juicebox-container').addEventListener('wheel', wheelHandler); // Add 'wheel' event function
    };
    </script>
    <div id="juicebox-container"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

I've tested this in Chrome, Edge and Firefox and it seems to work well.

1,825

(7 replies, posted in Juicebox-Pro Support)

If you want to remove the semi-transparent background from the gallery navigation buttons, set the Nav Button Back Color Opacity to zero (in JuiceboxBuilder-Pro's 'Customize -> Color' section).
If editing your gallery's XML file directly, set navButtonBackColor="rgba(0,0,0,0)".