Juicebox-Pro supports social media sharing and allows individual images within a gallery to be shared on popular social media platforms. Please see the Social Sharing support section for details.

Perhaps the easiest way to achieve this would be to place your gallery and banner ad alongside each other on the same web page. (It would not be easy to incorporate such an element within the gallery itself.)

Please see our demo galleries here for examples of what can be achieved with Juicebox-Pro.
For reference, a list of all available configuration options can be found here.
For customization beyond what is possible with the configuration options, please see the Theming Guide.

It looks like the problem is being caused by the W3 Total Cache plugin minifying the Juicebox JavaScript code, combining it with other (non-Juicebox) JavaScript code and loading it from a custom file:
http://www.pretty-story.com/wp-content/cache/minify/000000/M9bPKixNLarUMYYydHMz04sSS1L1cjPzAA.js

The 'juicebox.js' file needs to be loaded on its own and from its original location within the 'jbcore' folder.
Juicebox will not be able to determine the location of the 'theme.css' file otherwise.

Other than disabling the W3 Total Cache plugin completely, try just excluding the WP-Juicebox files from being minified by the plugin.

@gotty1

Thank you for the suggestion.

You could perhaps add your custom CSS rules to the foot of the 'theme.css' template file that JuiceboxBuilder-Pro uses when a gallery is built (or just modify the file as necessary).
In doing so, the custom CSS rules would appear in all galleries generated by the application (without the need to manually add them to each gallery after they have been created).
The location of the template file on a Windows 10 machine would be:
C:\Program Files (x86)\JuiceboxBuilder-Pro\template\jbcore\classic\theme.css

I realise that this does not solve the problem that your suggestion would but it might make life a little easier in the meantime (but only if you use the same font settings for all your galleries).

Thank you for reporting this issue.
I have notified the developers who will investigate further.
In the meantime, I'm glad that you have found a setting that works as you require.

Just after the end of your 'juicebox-container' div, you have an HTML line break (<br />).
If you remove this, then there will be a little less space between the bottom of the gallery and your text.

Also, you have set thumbNavPosition="BOTTOM". This reserves space below the thumbnails for the thumbnail navigation buttons. If you set thumbNavPosition="CENTER" instead, the thumbnail navigation buttons would be positioned to the left and right of the thumbnails and there would be less space below the thumbnails.

If you are having trouble with space above and below your images (within the gallery), then this FAQ might be helpful.
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

I'm not sure what you would rather have. Please explain in greater details what it is that you are trying to do and I'll try to help you out.

If you are looking to have your thumbnail links go to different images within a gallery, then set enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and you can refer to specific images with a # identifier at the end of the URL. For example http://www.example.com/gallery/index.html#7 would go directly to the 7th image in the gallery.

linkURLs can be set on the 'Images' tab of JuiceboxBuilder.
If an image has been assigned a linkURL, then this URL will be opened when the user clicks the Open Image button (when showOpenButton="TRUE") or when the user clicks the main image (when imageClickMode="OPEN_URL").
linkURLs can be relative (to the page containing the gallery's embedding code) or absolute in the form http://www.example.com/index.html.
linkURLs are stored in the gallery's 'config.xml' file.
A sample <image> entry containing a linkURL will look something like this:

<image imageURL="images/IMG_0001.jpg"
    thumbURL="thumbs/IMG_0001.jpg"
    linkURL="http://www.example.com/index.html"
    linkTarget="_blank">
    <title>Image title goes here.</title>
    <caption>Image caption goes here.</caption>
</image>

It is not possible to use Juicebox thumbnails as an index for other galleries. When a thumbnail is clicked, the corresponding main image is opened in the gallery. This action cannot be changed, at least not easily.
Please see this forum thread for a suggestion on how this might be achieved. However, Juicebox was not designed with such functionality in mind and you might run into unforeseen problems which you would have to tackle as you came across them.

One possible solution would be to set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section). Then when a main image (but not a thumbnail) is clicked, the corresponding linkURL will be opened (in a tab specified by the linkTarget). You could have each image in the 'index' gallery correspond to a different gallery (and have the linkURL link to the gallery's web page).

Ordinarily, with Juicebox-Pro, you would be able to create as many individual galleries as you like. However, if you would like to link them all together, then you would need to do so manually following the instructions and examples in the Embedding Multiple Galleries support section.
There are several online demo pages which you could perhaps adapt to suit your own needs.

If you are looking for an automated solution to creating and listing multiple galleries, then Showkase would certainly be a better solution.

Showkase is a PHP web application which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) galleries and the galleries can be created within the application itself in a web browser 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 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.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.

More information on the differences between Juicebox and Showkase can be found in this forum thread.

I hope this information helps.

@stuart141simon

Thank you for your your suggestion.

In Small Screen Mode (where screen real estate if often limited), the caption area and Button Bar are overlaid on top of the image but their visibility can be toggled on and off (so that the image can be viewed on its own) by tapping the screen.
However, if you like, you could set captionPosition to a non-OVERLAY value, set buttonBarPosition="TOP" and then set screenMode="LARGE" to have the gallery displayed in Large Screen Mode on all devices and in all browsers.
By doing so, the caption area and Button Bar will never obscure the main images (in any device or browser).

I understand that this is not an ideal solution to your suggestion (in Large Screen Mode, thumbnails are displayed alongside the main images taking up more screen real estate, which is why Small Screen Mode exists) but it might be suitable for some other users reading this thread.

No, unfortunately not.
The code which handles the direct linking functionality is buried within the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.

Thank you for the screenshots demonstrating your problem.
Please see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

The problem is one of aspect ratios.
With a responsive gallery, you essentially have no control over the aspect ratio of your gallery. It will depend on the dimensions of the user's browser window. However, the aspect ratio of your images remains constant (as long as they are not cropped).
In your large monitor screenshot, your gallery fills the viewport and your images are scaled as large as possible without cropping. If they were scaled any larger, then cropping would occur. (If you reduce the browser window height, you will see the space above and below the images decrease.)

Possible solutions would be to:
(1) Fix your gallery's dimensions so that the aspect ratio of the gallery's image area always matches that of the images themselves.
(2) Set imageScaleMode="FILL" so that the images fill the image area (although the images may be cropped).
(3) Reduce the height of your gallery so that the space above and below the images is minimized.

Otherwise, you might need to accept that your gallery may not look exactly as you would like it to be in every browser window shape. Juicebox does its best to adapt to all screen sizes but it's difficult to make a gallery displaying images of a certain aspect ratio fill browser windows of different shapes.

Also, make sure that your images are at least 1920 x 1080 in size so that they need to be dynamically scaled down slightly by Juicebox when the gallery is displayed. This will ensure that your images are always displayed as large as possible within the image area.
Using the default setting of imageScaleMode="SCALE_DOWN", small images are not scaled up so if your images are not large enough to fill the image area, then they will not be scaled up and there may be more space surrounding them than is necessary.
You could set imageScaleMode="SCALE" to scale small images up to fill the image area but this would decrease their visual quality. It would be better to feed Juicebox larger images.

I hope these notes help.

No problem at all!

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

It is not possible to right-click and save an image in a Juicebox gallery (and there is no direct download functionality) but what you could do is set showOpenButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) to display the 'Open Image' button on the Button Bar. When the button is clicked, the image will be displayed in a new tab and can be downloaded via the browser's right-click 'Save Image As...' option.

It would be much easier to implement direct download functionality if all browsers supported the HTML 5 'download' attribute but this is not yet the case. Please see here for a list of browsers which currently support this feature.
If you would like to try this (though it will only work in the browsers listed in the link above), you could include a link within each image's caption using the 'download' attribute such as the following:

<a href="images/wide.jpg" download="wide.jpg">Click here to download image.</a>

The href="images/wide.jpg" part is the path to the file which will be downloaded. You can use an absolute path (such as 'http://www.example.com/gallery/images/wide.jpg') or a relative path (as in my example above). If using a relative path, it will be relative to the HTML page containing the gallery's embedding code.

The download="wide.jpg" part is the name which will be given to the file when the user downloads it. (It does not have to be the same as the image's filename, although it should have the same file extension.)

The Click here to download image. part is the text that will be displayed on screen as the caption which, when clicked, will download the file.

Please remember that this will only work in certain browsers and visitors to your web site using browsers which do not support this HTML 5 attribute (such as Internet Explorer and Safari) may wonder why this feature in your gallery does not work as expected. (You may wish to add a note somewhere on your web page to say that direct download functionality is available only in Firefox, Chrome and Opera.)

The suggestions above will work equally well with Juicebox-Lite (the free version) and Juicebox-Pro so you could try things out with Juicebox-Lite before purchasing Juicebox-Pro.
Juicebox-Lite can be downloaded from this web page.

I hope this helps.

No problem if you want to move on but please feel free to post your web gallery's URL if you'd like me to take a look.

There might be something else on your web page alongside your gallery which is causing the problem.
WordPress pages tend to have a lot of content and can load a lot of external JavaScript files. You might like to try temporarily disabling all plugins other than WP-Juicebox and then checking out your gallery's web page in Chrome  to see if the problem still occurs (or if the problem is perhaps related to another plugin).

Also, please make sure that you are using the latest version of Juicebox (v1.4.4.2) to ensure that any bugs from previous versions are not contributing to your problem.
You can download the latest version of WP-Juicebox from the plugin's support page here.

Again, no problem at all if you want to leave things as they are but Juicebox is pretty flexible. There are a couple of hundred different configuration options and there is also an API to allow the embedding web page to interact with the gallery.
If you find there is something you'd like to do with Juicebox but haven't yet managed to do so, you can let me know.
I might be able to help (or at least confirm whether what you are looking to achieve is possible or not).