1,201

(5 replies, posted in Juicebox-Pro Support)

Thank you for providing the link to your website. (Great pictures of Egypt, by the way!)

Your gallery is, indeed, a full-browser gallery which does not need to be expanded, so there is no 'Close Gallery' button.

If I understand you correctly this is only possible by modifying the gallery title to use as a back link.

Technically, this is not the only way to to provide a link on the Small Screen Mode thumbnail page but it is by far the easiest method. Another possible method would be to use CSS to overlay a custom link on top of the gallery (which, if you wanted the link to appear only on the thumbnail page, might be quite complex to implement). I'd stick to the Gallery Title method which is easy to implement and clean in operation (with no potential problems to overcome which might be the case if you try to implement a manual solution).

Incidentally, if you like, you could post your suggestion (for the 'Back Button' to be present in the Small Screen Mode thumbnail page) 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.

1,202

(3 replies, posted in Juicebox-Pro Support)

The only file within the 'jbcore' folder which may change from gallery to gallery is the 'pswd.php' file which contains the password for a gallery (if you choose to password-protect it).
Please see the Password Protection support section for details.

If you do not want to password-protect your galleries (or if you are happy to use the same password for all your galleries), then all your galleries can share a single instance of the entire 'jbcore' folder (rather than having an individual 'jbcore' folder for each gallery).
If you'd like to do this, then please see the Using an External jbcore Folder support section for details.

Essentially, all you need to do is upload a single 'jbcore' folder to somewhere on your web server and make sure that the 'juicebox.js file (from within the 'jbcore' folder) is loaded via a <script> tag on every page which contains a gallery.

1,203

(5 replies, posted in Juicebox-Pro Support)

By default, if a gallery is embedded into an existing web page alongside other content and viewed in Small Screen Mode (on a mobile device), then the Splash Page will initially be displayed and, when tapped/clicked, the gallery will be expanded to show the thumbnail page where the 'Close Gallery' button will be visible in the top right corner.
Here's an example (which you can open in a desktop browser as Small Screen Mode is forced in this demo): https://juicebox.net/demos/pro/embedded … Mode=SMALL
Tap/click the Splash Page and you'll see the 'Close Gallery' button in the top right corner of the thumbnail page.

However, if you link directly to a full-browser gallery on a page of its own, then there will be no 'Close Gallery' button (as the gallery will not have been expanded).
If this is the case and you'd like a link on your gallery's thumbnail page, then you could perhaps use the Gallery Title (displayed above the thumbnails).
You can use HTML formatting in the Gallery Title (as noted in this FAQ) so, as an example, you could enter a Gallery Title such as the following into the JuiceboxBuilder-Pro interface (in the 'Customize -> Lite' section).

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

Just change the text and URL as necessary.

I hope this helps.

1,204

(3 replies, posted in Juicebox-Pro Support)

I'm glad to hear that all is well at the moment.
Thank you for letting me know.

1,205

(3 replies, posted in Juicebox-Pro Support)

If you are using JuiceboxBuilder-Pro to create or edit a gallery, then you should be able to go the the 'Images' tab, click the 'Change Sizes...' button, choose new image dimensions and click 'OK'. All images currently in the gallery should be resized to the specified dimensions. (This seems to work as expected in a test gallery of my own which I've just tried.)

JuiceboxBuilder-Pro stores the paths of the source images (as sourcePath entries in the gallery's 'config.xml' file) so that, if you choose to resize images differently at a later date, JuiceboxBuilder-Pro has access to the source images in order to do so.
If the source images are no longer in their original locations (if, for example, you have moved or renamed them), then JuiceboxBuilder-Pro will have only the gallery images (the images in the gallery's 'images' folder) to work with and it will scale down (if necessary) but will not scale up gallery images to new dimensions.
It sounds like this might be what is causing your problem.

As long as you leave the source images in their original locations, JuiceboxBuilder-Pro should be able to resize them to new dimensions (and their image titles and captions should be retained throughout the process).

I hope this helps.

1,206

(7 replies, posted in Juicebox-Pro Support)

how do i avail of a refund...

Please check your email. I have sent you a message (to the email address you registered with the forum).
Just reply to my email with your Juicebox-Pro purchase details and I'll pass them on to the admin team who will process your refund request.
Thank you.

1,207

(5 replies, posted in Juicebox-Lite Support)

Great! That worked,

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

... now how meany gallerys can i put on one page?

Juicebox puts no limit on the number of galleries that you can have on each web page.

However, Juicebox-Lite (the free version) uses the default value of PAGE for the imagePreloading configuration option, meaning that all the images in the current thumbnail page are preloaded.
If you have multiple galleries on a single web page and notice that the initial load on the browser is quite large, then you might find that you need to change imagePreloading to NEXT so that only the image after the currently viewed image is preloaded. (This may not be necessary, though. I just mention it in case you have many galleries on a single web page and notice performance issues.)
Please note that imagePreloading is a Juicebox-Pro configuration option which is not available to Juicebox-Lite.
A short description of imagePreloading and its possible values can be found here.

For other suggestions (such as having multiple galleries on separate web pages or switching between galleries on a single web page), please see the Embedding Multiple Galleries support section.

1,208

(1 replies, posted in Juicebox-Pro Support)

The Chrome Audit results are certainly useful pointers towards attaining an ideal performance score for a web page but the audit does not know the nature of the web page and that it is imperative for the 'juicebox.js' file to be loaded into the web page before the JavaScript embedding code is parsed. The 'juicebox.js' file cannot be deferred or loaded asynchronously, otherwise, as you have discovered, the gallery will not work.

There are several contributing factors which can affect the speed of a gallery:
(1) The speed of the web server hosting the site.
(2) The speed of your own internet connection.
(3) The file size of the gallery images.
(4) The value of the imagePreloading configuration option.

You have little or no control over #1 and #2 but you do have control over #3 and #4.

Make sure your image file sizes are not too large.
When creating a gallery with JuiceboxBuilder-Pro using the default settings (of 1024px x 768px at 80% quality), the resulting images will be approximately 120KB each.
This is usually a good compromise between file size and image quality for web gallery use.
If your gallery images are much larger than this, then try reducing their file sizes and they should certainly load much faster.
You might also like to create a Multi-Size Image gallery whereby you can provide Juicebox-Pro with three different sets of images (small, medium and large) for use in the gallery. Juicebox-Pro will use the most appropriate size depending on the device being used to view the gallery. Please see here for details.

Also, you could try changing the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from the default value of 'PAGE' to 'NEXT' so that when the gallery is initially loaded, only the next image in the gallery is downloaded and cached by the browser (rather than all the images in the current thumbnail page). This should minimize the load on the browser when the gallery is first displayed.
A short description of imagePreloading and its possible values can be found here.

I hope these notes help.

1,209

(5 replies, posted in Juicebox-Lite Support)

Thank you for providing the URL to your gallery's web page.
Being able to see your gallery live on your web server makes troubleshooting much easier.

also I see single quotes and double quotes being used in other examples witch is correct?

Either will work fine, as long as you use the same type of quotes to open and close each value. (You cannot mix single and double quotes for an individual value.)
This is not the cause of your problem.

You currently have the following line in your gallery's embedding code:

baseUrl: 'config.xml',

A baseUrl should point towards a gallery folder (not a gallery's configuration file).
(You can use a configUrl to point towards a gallery's configuration file if you need to).
If you use a baseUrl without a configUrl, then the gallery's configuration file should be named 'config.xml' and located directly inside the gallery folder (the default filename and location).
For reference, the baseUrl method of embedding is documented here.

Looking at the structure of your website, the following embedding code should work:

<script src="/Juicebox/jbcore/juicebox.js"></script>

<script>
    new juicebox({
        baseUrl: '/Juicebox/ValleyForge2017/',
        containerId: 'juicebox-ValleyForge2017',
        galleryWidth: '800',
        galleryHeight: '600',
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-ValleyForge2017"></div>

<script>
    new juicebox({
        baseUrl: '/Juicebox/Gernamtown2017/',
        containerId: 'juicebox-Germantown2017',
        galleryWidth: '800',
        galleryHeight: '600',
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-Germantown2017"></div>

The leading slashes in the paths above denote your root directory so the embedding code above should work in any web page throughout your website (without having to worry about working out relative paths).

1,210

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad it works for you.

1,211

(3 replies, posted in Juicebox-Pro Support)

For anyone reading this thread and wanting to change the caption font size, please see this post for details of how it can be achieved.

However, every time I need to update the gallery and publish/save it, the style sheet is rewritten and the additional code is gone. Anyway to get around this?

You could add the CSS code to one of the template files that JuiceboxBuilder-Pro uses to create the gallery.
For example, you could add the CSS code to the template 'theme.css' file in the following location on a Windows 10 PC. (If you use a different operating system, just search for the 'JuiceboxBuilder-Pro\template' folder.)

C:\Program Files (x86)\JuiceboxBuilder-Pro\template\jbcore\classic

Alternatively, if you use the gallery 'index.html' files, you could add the CSS code (within <style> ... </style> tags) to the template 'index.html' file in the following location.

C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html

Whatever modifications you make to the files in the 'JuiceboxBuilder-Pro\template' folder will be carried across to the gallery folders on publishing in JuiceboxBuilder-Pro.
Just be aware that these modifications will be overwritten if or when you reinstall or upgrade JuiceboxBuillder-Pro so please be sure to make a backup of your modifications in case you need to reinstate them at a later date.

1,212

(3 replies, posted in Juicebox-Pro Support)

So thank you so much for your precious help.

You're welcome!

So if you want to check, you are invited to verify so that I can have further confirmation that everything works.

I have viewed your web page (in Edge, Chrome 64, Firefox 58.0.2, IE11 and Opera 51) and your navigation menu is now correctly stacked on top of your Juicebox gallery.

1,213

(5 replies, posted in Juicebox-Pro Support)

I'm glad you're making progress.
Hopefully my template file above will be useful.
Please let me know if you encounter any problems and I'll do my best to help you out.

1,214

(3 replies, posted in Juicebox-Pro Support)

You just need to ensure that your navigation menu is stacked on top of all the gallery elements by assigning it a high enough CSS z-index value.

Try adding the following to your web page's CSS:

#menu-wrapper {
    z-index: 9999;
}

This should hopefully solve your problem.

1,215

(6 replies, posted in Juicebox-Pro Support)

I'm glad that you've been able to figure out the cause of your problem.
Thank you for letting me know.

Just as an aside, is Juicebox still being developed?

Yes, absolutely! Juicebox is still very much alive and well and being actively developed.
I'm not sure when the next release will be (or what it will include) but if you'd like to be notified of new releases, you can join our mailing list at the foot of our homepage, keep an eye on our Facebook page, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

1,216

(5 replies, posted in Juicebox-Pro Support)

Your web page currently has an incorrect <title> tag (the opening <title> tag is missing its closing > character) and this might be having a knock-on effect with other tags/containers on your web page.
Change:

<title=SouthAmerica 2018</title>

... to:

<title>SouthAmerica 2018</title>

You can check your web page for HTML errors (and then fix any reported) with the W3C Markup Validation Service.
Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

Having said that, your gallery does seem to be responsive. If I decrease the width of my browser window, your gallery shrinks to fit within the new width (and the gallery images are scaled accordingly to avoid cropping).

Even though you say that you currently have a gallery height of 600px, your gallery currently uses:

galleryHeight : '100%',

If you would like your gallery to have a height of 600px, use the following instead:

galleryHeight : '600px',

I would still recommend that you use the Top Menu Example as a template. (Just remove the footer, replace the header content with your own custom navigation menu and swap the sample gallery for your own.)

Below is a single web page (with a header but no footer and no need for any external CSS files) which you can use as a template.
Just use code below as your gallery's 'index.html' file. All you really need to do is replace the content of the 'header' <div> with your own custom navigation menu and style it as you like via CSS. There is already some CSS for the 'header' <div> in the web page that you can modify (for example to change the header's height) if you like.

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

1,217

(5 replies, posted in Juicebox-Lite Support)

There is certainly no problem in using a single shared 'jbcore' folder for all your galleries (please see the Using an External jbcore Folder support section for details) and if you are seeing the "Config file not found." message, then the path to your 'juicebox.js' file (within the 'jbcore' folder) is correct.

If you are using a baseUrl, then the baseUrl entry should point towards a complete gallery folder.
The gallery's configuration file should be named 'config.xml' (its default name) and should be located directly within the gallery folder (its default location).
If you change the name of the configuration file or move it, then you can point towards it with a configUrl entry in your gallery's embedding code (please see the Embed Options section of the Config Options page).
However, a configUrl should not be necessary unless you want to manually change the structure of the gallery (or rename the configuration file).

Just make sure that your 'config.xml' files are inside your gallery folders (where they should be if you created your galleries with JuiceboxBuilder-Lite) and that your baseUrl entries point towards your gallery folders.
The baseUrl entries can be relative paths (relative to the web page containing the embedding code) or absolute paths (in the form 'http://www.example.com/gallery_folder/'.

At the moment, your baseUrl entries are relative paths and your 'ValleyForge2017' and 'Germantown201' gallery folders should be located in the same directory as the web page whose HTML code you posted.

After creating your galleries with JuiceboxBuilder-Lite (and saving each one to its own individual folder), there is no need to modify the gallery folders at all.
Just upload them to your web server and make sure that the baseUrl paths are correct.
For reference, the baseUrl method of embedding is documented here.

General information about the "Config file not found." message can be found in this FAQ:
When I view my gallery I see the message 'Config file not found'. How do I fix this?

Incidentally, if you encounter the "Config file not found." message whilst trying to view a gallery locally (from your computer rather than from your web server) in Safari 11, then please see this forum post for a full explanation and a workaround.

Unfortunately, Safari 11 (released 19 September 2017) introduced a new security restriction which prevents local viewing of Juicebox galleries by default. This issue is specific to viewing galleries locally (from your computer's hard drive) and there is no such issue once the galleries have been uploaded to a web server (where they can be viewed in any modern browser).
Selecting 'Disable Local File Restrictions' from Safari 11's 'Develop' menu (full instructions in the link above) should, once again, allow you to view your galleries locally in Safari 11.

I hope this helps.
However, if you continue to experience difficulties, then please post the URL to your web page so that I can take a look at the problem and help further.

1,218

(1 replies, posted in Juicebox-Pro Support)

The license agreement for a Juicebox-Pro Single-Site License allows you to upload Juicebox-Pro galleries to a single website domain and all associated subdomains, as noted in these FAQs:
How many websites can I use Juicebox-Pro on?
Does a single domain license cover multiple subdomains?

Juicebox-Pro does not require a key, licence code or serial number to work but uploading galleries to a second website domain would break the license agreement (please see the Terms of Use for details) and an additional license would be required.

Juicebox-Pro does not require you to link your license to a particular website domain and you are free to change the website domain that you choose to upload Juicebox-Pro galleries to at any time you like.
As long as you have Juicebox-Pro galleries uploaded to no more than one website domain at any one time, that is fine.

I hope this helps to clarify things for you.

1,219

(2 replies, posted in Juicebox-Pro Support)

I'm gad you've been able to find the answer to your problem.
Thank you for letting me know.

Here's some more information for others reading this forum thread and encountering similar issues.

Your screenshot shows 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).
More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

If you want AutoPlay to start once the gallery has been expanded from the Splash Page, set autoPlayOnLoad="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Autoplay' section) in conjunction with showSmallThumbsOnLoad="FALSE" ('Customize -> Thumbnails').

If you would rather not use the Splash Page, then set showSplashPage="NEVER" ('Customize -> Splash Page').

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.

1,220

(4 replies, posted in Juicebox-Pro Support)

To remove drop-shadows around gallery images set either:
imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section)
... or:
imageShadowColor="rgba(0,0,0,0)" (in JuiceboxBuilder-Pro's 'Customize -> Color' section - set the 'Opacity' to '0')

The drop-shadows should be at the edges of the images themselves. In your screenshot, it looks like the drop-shadows are at the edges of the gallery (instead of at the edges of the images). This might be due to some custom CSS on your web page being applied to all 'img' elements on your web page (including those within your gallery).
If my suggestions above do not work, then please check your web page's custom CSS to see if this is causing your problem.
Otherwise, please post back with the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further.

1,221

(1 replies, posted in Juicebox-Pro Support)

The 'juicebox.js' and 'juicebox.php' files do not change from gallery to gallery.
The 'pswd.php' file contains the password for a gallery (if you choose to password-protect it).
Please see the Password Protection support section for details.

If you do not want to password-protect your galleries (or if you are happy to use the same password for all your galleries), then all your galleries can share a single instance of the entire 'jbcore' folder (rather than having an individual 'jbcore' folder for each gallery).
If you'd like to do this, then please see the Using an External jbcore Folder support section for details.

Essentially, all you need to do is upload a single 'jbcore' folder to somewhere on your web server and make sure that the 'juicebox.js file (from within the 'jbcore' folder) is loaded via a <script> tag on every page which contains a gallery.

1,222

(5 replies, posted in Juicebox-Pro Support)

I would really need to see the web page you are referring to in order to troubleshoot your problem so please post back with a link so that I can see the problem for myself and hopefully help further.

In the meantime, the problem is most likely with the layout of your web page or the dimensions of your gallery.
A Juicebox gallery is essentially just a regular HTML <div> container (with the gallery as its content) whose dimensions are specified by the galleryWidth and galleryHeight entries in the embedding code.
The gallery will appear in your web page (at the specified dimensions) wherever you place the <div id="juicebox-container"></div> line in your web page's HTML code.

If you are currently using a percentage height for your gallery, then try setting galleryHeight to a fixed pixel value (such as '600px' instead).
This might help.
Please also see the note regarding Using Percentage Heights.

Also, if you are looking to have a fixed height header on your web page (perhaps containing your own custom navigation menu) and then have the gallery fill the remaining space (without any vertical scroll bars), then please see the View Resizable Gallery with Top Menu Example in the Embedding Multiple Examples support section.
You can view the source of the online example in your web browser and then copy/modify the code to suit your own needs.

I hope these notes point you in the right direction.

1,223

(6 replies, posted in Juicebox-Pro Support)

I get 'config file not found error' when I try to open this link

Thank you for providing the link to your gallery and the contents of your gallery's 'index.html' file.
Your gallery at http://robertjohn.me/wplightbox/test/ seems to be fine (and your gallery's 'index.html' file also seems to be fine).
I have viewed the gallery in Chrome 64, Edge, Firefox 58.0.2, IE11 and Opera 51 and it displays and functions correctly in all browsers.
There seems to be no problem with any of the gallery files on your web server.

Whatever browser you are using to view your gallery, please double-check that you have completely cleared its cache before reloading the gallery's web page.
Also, check to see if you have any browser extensions installed which may somehow be interfering with the gallery (and try temporarily disabling them to see if this helps).

I'm getting error 'config file not found' when I open the html.index in the gallery folder

If you encounter the "Config file not found." message whilst trying to view a gallery locally (from your computer rather than from your web server) in Safari 11, then please see this forum post for a full explanation and a workaround.

Unfortunately, Safari 11 (released 19 September 2017) introduced a new security restriction which prevents local viewing of Juicebox galleries by default. This issue is specific to viewing galleries locally (from your computer's hard drive) and there is no such issue once the galleries have been uploaded to a web server (where they can be viewed in any modern browser).
Selecting 'Disable Local File Restrictions' from Safari 11's 'Develop' menu (full instructions in the link above) should, once again, allow you to view your galleries locally in Safari 11.

More general information on the "Config file not found." message can be found in this FAQ:
When I view my gallery I see the message 'Config file not found'. How do I fix this?

However, there seems to be no problem with your 'test' gallery online and ensuring that your browser's cache has been cleared before reloading the gallery's web page and making sure that you have no browser extensions enabled which may be interfering with the gallery should hopefully help.

Please let me know how you get on.

1,224

(6 replies, posted in Juicebox-Pro Support)

It sounds like the default program on your system for opening HTML files might currently be a plain text editor rather than a web browser (and that you might need to change your system's file association for HTML files to a web browser).

If you double-click the gallery's 'index.html' file, what program does the file open in?
If the 'index.html' file is not automatically opened in a web browser, then  try opening a web browser and then navigation towards the gallery's 'index.html' file using the web browser's 'File - Open File...' option.

If your gallery is online, then please post its URL so that I can check the gallery for myself and hopefully help further.
If your gallery is not online, then please attach the gallery's 'index.html' file to a post here in the forum so that I can at least take a look at the file.
It might help if I could see what you are seeing so, when you see the image titles as plain text, please take a screenshot and attach it to a post, too.

Also, if you think that the gallery's 'index.html' file is not being written (or overwritten) correctly when you save the gallery on JuiceboxBuilder-Pro's 'Publish' tab, then make sure that the 'index.html' file is not open in another program (such as a plain text editor or web browser) when you save the gallery. (If the file is open in another program , then the program may have a lock on the file, preventing JuiceboxBuilder-Pro from writing to it.)

I hope that these notes help.
However, if you continue to experience difficulties, then please let me see the gallery (or at least the gallery's 'index.html' file and/or a screenshot showing what you are seeing) so that I can help further.

1,225

(7 replies, posted in Juicebox-Pro Support)

You're welcome.
I hope you get on OK.
If you get stuck with anything or if I can be of any further assistance, please let me know.