451

(496 replies, posted in Juicebox-Pro Support)

@franklomax

It has, indeed, been a while since the last release but please let me reassure you that Juicebox is still actively being developed and supported.
The next version will likely be a bug-fix version, rather than introducing new features. Work has started on the next version but progress is rather slow (and I do not know when it will be released).
However, I hope to see a new release soon, just as much as you do!

452

(2 replies, posted in Juicebox-Pro Support)

I understand your concerns (I truly have the same concerns) but, unfortunately, I have no more insight into the future of AIR than you do and, at this moment in time, I genuinely have no news on the future of JuiceboxBuilder.
All I know is that Juicebox itself is still alive and that work has started on the next version (which will likely be a bugfix release).
I really do not know any more than that. I'm sure that the developers are aware of the AIR issues and all we can do, myself included, is hope that JuiceboxBuilder can live on in some form or other beyond the Harman procurement of AIR.
I wish I had more information (good or bad) to give you but I'm as much in the dark as you are just now.

It should be noted that there are alternative ways of creating Juicebox galleries that do not rely on JuiceboxBuilder and AIR. I realise that these methods may not be suitable for all users (and it is certainly a less than ideal scenario) but the Lightroom plugin at least provides Lightroom users with a longer-term solution (with the Pro version of the plugin featuring full control over all Pro configuration options just like JuiceboxBuilder-Pro).

I'm sorry that I do not have any more information at this time but I'll be sure to post back here if I hear anything relevant to this matter.
Thank you for your concern and continued support of Juicebox.

No, sorry.
There is currently no way to make local previewing of Juicebox galleries possible in browsers which use the Chromium web engine (Chrome, Edge, Opera).
Local previewing is currently possible only in Firefox and Safari (instructions in this forum post).
I understand that it is not an ideal scenario but I hope that using a browser that is not your system's default browser is not too much on an inconvenience.

First of all I dont understand why I had
juicebox lite in there, since I bought Pro and used that folder?

If you were using Juicebox-Lite, then it could have been due to a WP-Juicebox upgrade.
WP-Juicebox comes bundled with Juicebox-Lite and if you upgrade WP-Juicebox, your Pro 'jbcore' folder will be overwritten with the Lite version.
Reinstating your Pro files is a simple task of uploading your Pro 'jbcore' folder (from your Juicebox-Pro zip file) to your 'wp-juicebox' directory (which should take less than a minute of your time). (You could also just remove the Lite 'jbcore' folder from the WP-Juicebox package before upgrading to prevent your Pro 'jbcore' folder from being overwritten.)

See screen shots to puzzle out why stuff does not seem to conform to all the directions.

The screenshot of your gallery does seem to conform to the screenshot of your gallery settings window. (The screenshot of your gallery windows shows maxThumbRows="1" and maxThumbColumns="6" and this is displayed in the screenshot of your gallery.)

Even when I exchange "6" and "1", nothing changes.  I delete cache.

Setting maxThumbRows="6" and maxThumbColumns="1" will definitely make a difference.

If it does not seem to make a difference for yourself, then the problem is almost certainly a caching issue.
After making changes on an 'Edit Gallery' page, make sure that you click the 'Save' button at the bottom of the page and if you do not see the changes you expect to see, make sure that you are 100% certain that you have completely cleared your browser's cache before reloading your gallery's web page. (Sometimes refreshing the page with F5 or even Ctrl+F5 is not enough.)

I've just double-checked all this by creating a sample gallery in WP-Juicebox v1.5.1.2 (using Juicebox-Pro v1.5.1) using maxThumbRows="6", maxThumbColumns="1" and thumbsPosition="LEFT". The gallery displayed as expected. I then edited the gallery (on the 'Manage Galleries' page and swapped the '1' and the '6'. Again, the gallery displayed as expected (with the rows and columns swapped).

If clearing your browser's cache does not help, then maybe the issue is with server-side caching. Your web host could perhaps have server-side caching enabled on your hosting account and, even though files have changed, your web server could still be serving older versions of these files for a certain period of time.
Please check in with your web host and ask if they have server-side caching enabled on your hosting account and, if so, ask if they would be willing to remove it.
Caching can certainly be useful but it can also sometimes be a hindrance to development.

Why does trhge attachment say
" 115.55 kb, file has never been downloaded"

If you click on the attachment link, the image will be displayed. Below the image, you'll see a download link. Each time the image is downloaded via this link, the download counter is incremented by one. (Most people will be content with viewing the image in place and will not download it.)

Here are two things to try:

(1) Make sure that your WP-Juicebox installation is using Juicebox-Pro (and not Juicebox-Lite which it comes bundled with). Juicebox-Pro configuration options such as galleryTitlePosition are not supported by Juicebox-Lite. You can check which version of Juicebox (Lite vs Pro) your WP-Juicebox installation uses by looking at the "WP-Juicebox" menu label in the WordPress dashboard. It'll read either "WP-Juicebox (Lite)" or "WP-Juicebox (Pro)" (as long as you're using the latest version of WP-Juicebox (v1.5.1.2). Also, if you are using Juicebox-Lite, then your gallery will have a Juicebox logo in the lower right corner.
If you are using Juicebox-Lite, then in order to use Juicebox-Pro configuration options, you'll need to upgrade your WP-Juicebox installation to use Juicebox-Pro by following the Upgrading to Juicebox-Pro instructions here.

(2) After changing your gallery settings, try completely clearing your browser's cache before reloading your gallery's web page to ensure that your browser is not still using older cached versions of your gallery files.

Incidentally, the link you posted previously (https://www.stevezavodny.com/blog/galle … index.html) shows a gallery with no gallery title, no captions and a single column of thumbnails to the left of the main image (it looks like what you are aiming for) so, if you do not see this yourself, then the problem is likely a browser caching issue and clearing your browser's cache (or using a different browser) should show you the gallery as you expect it to be displayed.

... I never see the familiar juicebox editing interface.

WP-Juicebox has individual interface controls for Lite options only.
Pro options must be entered in the 'Pro Options' text area of the gallery settings window, one per line, such as:

expandInNewPage="TRUE"
showImageOverlay="ALWAYS"

This has always been the case with WP-Juicebox (and setting Pro Options in a WP-Juicebox gallery is noted in the WP-Juicebox support page here).

You will find the 'Pro Options' text area in the gallery settings window when you first create a gallery.
You can access the gallery settings window for a pre-existing gallery by going to 'WP-Juicebox -> Manage Galleries' (from the WordPress Dashboard side menu) and clicking 'Edit' next to the gallery that you'd like to modify.

...what if I wanted to move the thumbnails to the left, vertical,
or change their size?

Try adding something like the following to a gallery's 'Pro Options' text area, changing the values as necessary:

thumbWidth="75"
thumbHeight="75"
thumbsPosition="LEFT"
maxThumbRows="10"
maxThumbColumbs="3"

In the screen shot, how do I get the unwanted labels
off the pictures off?

The text in the top-left is the gallery title. To remove the gallery title, set  the following in the gallery's 'Pro Options' text area:

galleryTitlePosition="NONE"

The text near the bottom of the image is the caption area.
By default, WP-Juicebox uses the image filename (without the extension) as the image title. ("b-forgiving-1" in your screenshot.)
You can remove this by deselecting the 'Display Image Titles' checkbox (just above the 'Pro Options' text area).
You can remove the image number ("6/6" in your screenshot) by setting the following in the 'Pro Options' text area:

showImageNumber="FALSE"

You can remove the entire caption area (without needing to remove the image title and image number separately) by setting the following in the 'Pro Options' text area:

captionPosition="NONE"

For reference, a list of all Pro Options can be found here.

I hope this helps.

Thanks for rapid response.

You're welcome!

BTW, I'm getting a little worried about the lack of any updates to Juicebox since 2017.

Thank you for your continued support of Juicebox-Pro.
It has, indeed, been a while since the last release but please let me reassure you that Juicebox is still actively being developed and supported.
The next version will likely be a bug-fix release, rather than introducing new features. Work has started on the next version but progress is rather slow.
Unfortunately, I do not know when the next version will be released (there is no set release schedule) so any estimate I give you could turn out to be wholly inaccurate.
I hope this at least helps to reassure you that Juicebox is still alive and well!

The 'Home' icon is the Back Button, displayed when backButtonPosition is set to either TOP or OVERLAY (and backButtonUseIcon is set to TRUE).

You can have the Back Button redirect to any web page you like by setting backButtonUrl (in JuiceboxBuilder-Pro's 'Customize -> Back Button' section).
The value for backButtonURL can be a relative path (relative to the web page containing the gallery's embedding code) or an absolute path (starting with either http:// or https://), for example:

backButtonUrl="http://www.example.com/index.html"

For reference, a list of all Back Button options can be found here.

I hope this helps.

Editing a gallery on the 'WP-Juicebox -> Manage Galleries' page will allow you to change the gallery's configuration options.

When using the WordPress Media Library as a source of images for your gallery, all image handling (including the order of the images) is done using core WordPress functionality.

When first uploading a batch of images for a gallery, the initial image order will be the order in which the images finish uploading.

If you want to reorder images in a gallery after the gallery has been created...

(1) Edit the post containing the gallery.

(2) Add a Gutenberg 'Gallery' block to the post. (This is just a temporary method of accessing the images attached to the post.)

(3) Click the 'Media Library' button (within the 'Gallery' block) to access the media window.

(4) Make sure that 'Create gallery' is the selected option (in the left side menu of the media window).

(5) Make sure that 'Media Library' is the selected tab (at the top of the media window).

(6) In the 'Filter media' drop-down menu, select 'Uploaded to this post'. All images attached to the post will be displayed as thumbnails.

(7) Drag and drop the thumbnails into the order that you'd like them to be displayed in the gallery.

(8) Close the media window (via the cross at the top right).

(9) Remove the 'Gallery' block from the post. (It is no longer required.)

There is no need to re-publish the post. The images will have been reordered internally by WordPress as soon as the Drag and drop action is finished.

If the images look to be in the correct order but are not, then just drag and drop an image out of place and then drag and drop it back into place. This will force WordPress to reorder the images internally.

Anyway, I wonder how long I'll be able to use "WP Classic" and wouldn't I just
wind up right here again?

Yes, I agree. It would be better to get to grips with WordPress 5 and new Gutenberg Editor as this seems to be the way forward and WordPress are not going to drop the Gutenberg Editor any time soon.

Your screenshot shows that WP-Juicebox is installed and active and that you've managed to add a Juicebox gallery to your post.
All you need to do now is attach images to your post (using core WordPress functionality) and Juicebox will automatically display them in the gallery.

(1) Click the 'Add Block' button (the '+' in a circle near top-left in your screenshot) to add a new Gutenberg block to your page or post.
(2) Select a 'Gallery' block. (You'll find it in the 'Media' section.)
(3) Click the 'Media Library' button within the 'Gallery' block.
(4) Drag and drop the images that you want to attach to your page or post (i.e. the images that you would like to be displayed in your WP-Juicebox gallery) from your hard drive into the media window.
(5) Wait until the images have finished uploading.
(6) Reorder the images (if necessary) by going to the 'Create Gallery -> Media Library' section (within the media window), selecting 'Uploaded to this post' from the drop-down menu and then dragging and dropping the thumbnails into the order you require.
(7) Close the media window via the cross at the top right. (Do not click the 'Create a new gallery' as this will create a native WordPress gallery in addition to your WP-Juicebox gallery.)
(8) You can now safely remove the 'Gallery' block from the post. (Using a 'Gallery' block is just a convenient method of attaching images to a post.)

WordPress does not make it easy to attach images to a post (or to see images which are attached to a post) but the above method works.

If you find you still have trouble attaching images to a post, then there are a couple of alternatives.

(1) You could use a Flickr account as the source of images for your Juicebox gallery. WordPress would then have no part in the image management of your gallery.

(2) You could choose not to use WP-Juicebox at all and, instead, create a Juicebox gallery on your computer (with JuiceboxBuilder) and manually embed the gallery into your WordPress post using the baseUrl method documented here. Here is an example of how you could do this:

Step #1
Create your gallery with JuiceboxBuilder and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web server (using an FTP program such as Filezilla).

Step #3
Create a new 'Custom HTML' Gutenberg block (in the 'Formatting' section) and paste the following embedding code (changing the gallery dimensions and background color if you like):

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

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

Incidentally, you can upload your gallery folder to anywhere on your web server as long as the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.

You can see there is nothing on the left to navigate to juicebox plug in.

You'll only see the 'WP-Juicebox -> Manage Galleries' link (shown in my screenshot in a post above) on your WordPress dashboard page (not on an 'edit a post' page such as the one shown in your most recent screenshot).
Just click the 'W' icon (the one in the circle at the top-left of your screenshot) to see the WordPress dashboard menu ath teh left of your screen. The WP-Juicebox link will be near the bottom of the list. (This will not help you to attach images to a post, though... it will only give you access to the 'Manage Galleries' page where you can edit galleries (to change configuration options) or delete galleries.)

You cannot even see there are photos associated with this editing page, yet when published, there actually IS a photo page.

That's down to the way WordPress works. The only way I've found to see the images attached to a post (whilst creating or editing a post) is to create a 'Gallery' block, check the images in the media window (accessed via the 'Gallery' block') and then remove the 'Gallery' block afterwards.
Otherwise, you can see which images are attached to which posts in the 'Media -> Library' itself (accessed via the WordPress dashboard).

I hope my notes above help somewhat.

461

(3 replies, posted in Juicebox-Lite Support)

You're welcome!
I hope you get on OK.

462

(3 replies, posted in Juicebox-Lite Support)

This seems like a Drupal-specific gallery structure type of issue (i.e. a problem building the gallery within Drupal rather than a problem with Juicebox itself).

I'm not sure if you are using the Juicebox Module for Drupal but it sounds like you might be.
I don't know you are building your Juicebox gallery or how you'd get the paths of the images from your Lightbox Gallery into your Juicebox gallery's 'config.xml' file.

As the Juicebox Module for Drupal is an unofficial plugin which was not written by ourselves, I would recommend that you post your query in the Drupal forum where the author of the module (Ryan Jacobs) should hopefully be able to help you further.
He is active and very helpful in the Drupal forum and has a much better knowledge that I have of both the module and Drupal.

An alternative to using the module would be to create a gallery first on your computer using JuiceboxBuilder-Lite and then embed the gallery into your Drupal page using the baseUrl method of embedding following the Embedding in a Drupal Site instructions.
In doing so, you would be able to keep each gallery in its own self-contained folder (helping to keep things organized on your web server).

Here's an example of how to embed a gallery (created with JuiceboxBuilder-Liteon your computer) manually into a Drupal page.

Step #1
Create your gallery with JuiceboxBuilder-Lite and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web server (using an FTP program such as Filezilla).

Step #3
Create a new Article, select 'Full HTML' from the 'Text Format' drop-down menu and paste the following embedding code (changing the gallery dimensions and background color if you like):

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

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

Incidentally, you can upload your gallery folder to anywhere on your web server as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.

I hope this helps (or at least points you in the right direction).

and why on earth is word press so different now?

That's something that you'd need to ask in the WordPress forum. The Gutenberg Editor is certainly a complete departure from the old familiar Classic Editor.

The instructions on the WP-Juicebox support page are quite accurate and if you don't see any of the buttons mentioned in the instructions, then your WordPress installation may be the root of the problem. Perhaps you have a third-party plugin which is either changing core WordPress functionality or interfering with WP-Juicebox (or both).

Maybe the best way to proceed would be to continue using WordPress 5.4.2 (keeping WordPress up-to-date for security reasons) but revert to the Classic Editor (rather than the Gutenberg Editor).
The Classic Editor is no longer bundled with WordPress but you can download it as a plugin from here.
Once you install and activate the Classic Editor, things should look and function exactly as they did before the Gutenberg editor was introduced.

Also, I'll try to answer some of the queries from your last email in case they help with certain issues.

(5.4 I am betting; it doesnt tell us anywhere what version) .

On your WordPress dashboard page, scroll down and the version number should be displayed in the lower-right corner of the screen.

Close the media window using the cross at the top right (do not click 'Create a new gallery').

There is no cross, see photo.
AGAIN there is nothing on this support page to add a photo. There is on
the preview page, but the photo just disappears.  then I have to go to a "pun page"?
Then that just publishes this post with no photo at all.  etc.
Never seen such a convoluted attachment process that does not even work.

I think we're at cross purposes here...
When I refer to closing the media window, I am referring to WordPress's media window.
However, your response seems to be referring to attaching an image to a post here in the forum (the forum is PunBB).

How on earth are we supposed to remove the block??

I realise that you have discovered how to remove a Gutenberg block but this link might help others with the same problem.

Nope, nothing like this at all anywhere.

The lack of a 'WP-Juicebox' menu link in the left column of the WordPress dashboard suggests that the WP-Juicebox plugin may not be installed and active within your WordPress instalation. (It should be very close to the bottom of the list, just above 'Collapse menu'.)
You should be able to access the 'WP-Juicebox -> Manage Galleries' page as shown in the screenshot attached.

I hope this gives us the traditional at-home editing juicebox interface we are used to
when we build sites here on the computer at home?

It gives the same interface that WP-Juicebox has always had (for many years).

I think reverting to the Classic Editor should help.
WP-Juicebox has not changed much over the years at all.
However, Wordpress has changed significantly.
WP-Juicebox simply displays images attached to a post but attaching images to a post is core WordPress functionality and the method of attaching images to a post will differ depending on what version of WordPress you are using. (Different versions of WordPress are accounted for in the WP-Juicebox instructions.)

I hope that using the Classic editor helps to resolve your problems.

464

(1 replies, posted in Juicebox-Pro Support)

Can JuiceBox be hosted on IIS?

Yes, no problem.
A Juicebox gallery has very few server requirements. Please see here for details.

After reviewing JuiceboxBuilder, it does not appear there is a database requirement?

That is correct. Juicebox does not require or use a database at all.

465

(3 replies, posted in Juicebox-Lite Support)

You're welcome!
I'm sorry it's not the answer you were hoping for but, as you say, at least you now know what Juicebox can and cannot do.

466

(3 replies, posted in Juicebox-Lite Support)

Hi! Thank you for your interest in Juicebox!
I hope my notes below help to answer your queries (even if they may not be the answers you were hoping for).

1. Is there a setting to do that automatically rather than having to manually set the width and height of the thumbnails?

No. You must set the thumbWidth and thumbHeight manually (on the 'Images' tab of JuiceboxBuilder-Pro).

2. What do I do if the images in a particular gallery all have different aspect ratios? How do I make the thumbnails work in a manner that makes all of them look appropriate and not crop out image content?

With Juicebox-Pro, you can set the thumbnail dimensions (which is not possible with Juicebox-Lite) but all thumbnails will share the same dimensions. This cannot be changed. If images do not share a similar aspect ratio to the thumbnail dimensions, then the images will be resized and center-cropped to fill the thumbnail dimensions.

You could create your own set of thumbnails in an imaging program such as Adobe Photoshop and then swap them for the thumbnails created by JuiceboxBuilder-Pro (if you have a particular set of images which would not suit a center-crop) but this would be a lot of extra work (and all thumbnails in the gallery would still share the same dimensions).

If your gallery uses thumbnails primarily as a navigational aid (and center-cropping would be an issue), then you could choose to not actually show the thumbnails and instead just use thumb dots as shown in this demo gallery.

467

(1 replies, posted in Juicebox-Pro Support)

I'm sorry that your first experience with Juicebox has not been a positive one.
Please see this forum post for a solution to your problem: https://juicebox.net/forum/viewtopic.php?id=5128

I hope this resolves your problem.
Please let me know if you'd still rather have a refund. Thanks!

468

(3 replies, posted in Juicebox-Pro Support)

In trying out the sample demo on your site, ‘Top Left Alignment’, the gallery does resize visually to smaller main image, and clearly smaller thumb sizes, automatically.

It shouldn't (and it doesn't for me)! I've just double-checked the Top-Left Alignment demo in Chrome, Edge and Firefox. Resizing the browser window has no effect on the actual dimensions of the gallery, the main image or the thumbnails (due to the gallery having a fixed size of 1000px x 1000px). Making the browser window smaller than the gallery simply crops the gallery (and you'll not be able to see the whole gallery at once without scrolling the web page).
As I mentioned previously, the only way I can make anything in the gallery look smaller is by changing the browser's zoom scale.
I'm not sure if this is what you are doing but it's the only thing I can do to replicate what you are describing.

... and clearly smaller thumb sizes, automatically

Just to clarify, that's not something that Juicebox does under any circumstance. Thumbnail dimensions remain constant, regardless of whether or not the gallery itself is responsive. The only way to make thumbnails look smaller is by changing the browser's zoom scale.
Check out this full-page responsive demo gallery . When you change the browser window size, the dimensions of the main image will change (depending on the space available) but the dimensions of the thumbnails will not change. (The number of thumbnails being displayed will change though, depending on the space available.)

Juicebox does not use media queries to switch between Small Screen Mode and Large Screen Mode.
There are more differences between Small Screen Mode and Large Screen Mode than can be handled by CSS alone. (In Small Screen Mode, thumbnails and the main images are displayed on different pages and different configuration options are used when displaying the gallery.)
Juicebox uses JavaScript to check the device/browser being used to view the gallery and the size of the viewport.
If screenMode="AUTO" (the default value) and the gallery is being viewed on a mobile device with a screen whose largest dimension is 1000px or less, then Small Screen Mode will be used (otherwise, Large Screen Mode will be used).

I see on the demo you list "setting the screen mode option to ‘Small’". Is that setting ‘Small’ or ‘Auto’ automatically locked into the Juicebox code when the gallery is created?

By default, screenMode is set to AUTO and Juicebox will make the decision as to which screen mode to use automatically.
Take a look as this demo gallery (which uses all default settings) in a desktop browser and on a mobile device and you'll see the different screen modes being used.
However, if you like, you can force Small Screen Mode or Large Screen Mode to always be used on all devices and in all browsers by setting screenMode to either SMALL or LARGE in JuiceboxBuilder-Pro's 'Customize -> General' section.

I hope my notes above help to clarify things.
Please let me know if you have any other queries and I'll do my best to answer them for you.

469

(3 replies, posted in Juicebox-Pro Support)

Juicebox does not actually support responsive thumbnail dimensions. There is no configuration available which allows thumbnails to change size depending on the available space. The number of thumbnails displayed on-screen at any one time is responsive, though (see Note #2 below).

In all Juicebox galleries, thumbnails are always displayed at the designated thumbWidth and thumbHeight dimensions.
Space is reserved for the thumbnails in the gallery and the remaining space is used for the main image.

In the Top-Left Alignment demo, the gallery has fixed dimensions (1000px x 1000px) and is therefore not responsive at all. The gallery is always displayed at 1000px x 1000px, regardless of the browser window size. If the browser window is made smaller, the gallery is simply cropped.
The only way I can make anything in the Top-Left Alignment demo smaller is to change the browser's zoom setting (which affects all content on the page, i.e. the main image and thumbnails). Just changing the browser window size has no effect on the dimensions of the main image or thumbnails.

Bearing in mind that there is no way to make thumbnail dimensions responsive within a Juicebox gallery, here are some notes on gallery responsiveness and thumbnails which might help.

Note #1: Gallery Responsiveness

There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user's browser window).

Scenario #1:
A Juicebox gallery will be responsive (and will dynamically scale with the size of the user's browser window) if the gallery's own dimensions and the dimensions of all parent containers are expressed as percentages. If there is a fixed value anywhere up the chain, then the gallery's size will become fixed (e.g. 100% x 100% x 800px = 800px).
Please note that when using percentage heights, you may need to implement the suggestion noted here.

Scenario #2:
You could use JavaScript to listen for a change in the size of the user's browser window and assign new dimensions to the Juicebox gallery if and when this happens.
An example of this can be found in the resizable galleries support section here.
Take a look at the source of this sample gallery in your browser to see how this might be achieved.

Note #2: Number Of Thumbnails Displayed

When thumbsPosition is set to either LEFT or RIGHT, the number of thumbnail columns is fixed at the maxThumbColumns value whereas the number of thumbnail rows is variable (up to the maxThumbRows value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 columns of thumbnails.

When thumbsPosition is set to either TOP or BOTTOM, the number of thumbnail rows is fixed at the maxThumbRows value whereas the number of thumbnail columns is variable (up to the maxThumbColumns value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 rows of thumbnails.

@winglet

As noted above, you can change the color for all gallery text via the textColor configuration option (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).

If you want to change the color of only the image number in the caption area, then you can use the following CSS (changing the color value as necessary):

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    color: #ff0000 !important;
}

For more information on formatting image titles and captions, please see this forum thread.

471

(12 replies, posted in Juicebox-Pro Support)

@walter@web.de

Unfortunately, there is no way to show the Shopping Cart icon in Small Screen Mode. (Juicebox disables the Shopping Cart icon in Small Screen Mode as the Fotomoto window does not fit on smal-screen mobile devices.)
The only way to ensure that the Shopping Cart icon is shown is for the gallery to be displayed in Large Screen Mode (by setting screenMode="LARGE").

Maybe you could use a different Button Bar button to achieve the same effect.
If you use linkURLs instead of purchaseURLs, then the Open Image button (showOpenButton="TRUE") will open your linkURLs.
If you are already using the Open Image button (for images), then you could perhaps override a different button which you are not using (such as the Email Button).
This is not officially supported but you might like to try it.
Here's some sample code which will display the Email Button and open the corresponding purchaseURL when clicked. (It uses the Juicebox-Pro API to fetch the current's image's purchaseURL.)

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(34,34,34,1)'
        showEmailButton: 'TRUE'
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').empty();
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            var index = jb.getImageIndex();
            var info = jb.getImageInfo(index);
            var url = info.purchaseURL;
            window.open(url, '_blank');
        });
    };
</script>

You could then change the Email Button's icon to something more appropriate (see the Custom Icons support section for further details) and also change its rollover tooltip text (via the Language List configuration option).

As I noted above, overriding Juicebox's regular functionality is not officially supported and my sample code is not fully tested but it should hopefully work OK.

I hope this helps.

472

(1 replies, posted in Juicebox-Pro Support)

You're very welcome!
I'm glad I was able to help.

Take care and best wishes!

473

(3 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad that you've been able to change the font size of your Gallery Title.
Thank you for letting me know.

474

(3 replies, posted in Juicebox-Pro Support)

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

475

(3 replies, posted in Juicebox-Pro Support)

Here's a better post which describes how to change font sizes (including that of the Gallery Title).

To change the font size of the Gallery Title, just add something like the following to the foot of your gallery's 'theme.css' file (changing the values as you like):

/* GALLERY TITLE - LARGE SCREEN MODE */
.jb-area-large-mode-title {
    font-size: 48px !important;
}

/* GALLERY TITLE - SMALL SCREEN MODE */
.jb-idx-ssm-title-wrapper {
    font-size: 48px !important;
}