1

(1 replies, posted in Juicebox-Pro Support)

I was wondering: is it possible to scale the thumbnails? I'm using thumbs of 80 x 80 pixels and it looks great on a Full HD screen, but on a 1366 x 768 for example the thumbs look too big (for my taste at least) and take up a lot of space.

I've tried to change the size of the thumbs in the config.xml file to a percentage, but can't get it to work.
Is there any way to achieve this/make the thumbs scale?

2

(6 replies, posted in Juicebox-Pro Support)

Quick update: it's already fixed. Turned out I left the Max Caption Height to high and that was eating up all the space. It's working fine now.

3

(6 replies, posted in Juicebox-Pro Support)

Hi Steven,

With some trial and error I've been able to (almost) achieve what I was aiming for:

Adding "margin-top: -40px !important;" to "div.jb-area-caption" has moved the captions up.
Adding "margin-top: 80px !important;" to ".jb-navigation" has moved the navigation buttons down (below the caption area).

Adding "margin-top: -60px !important;" to ".jb-flag-large-screen-mode .jb-area-large-mode-title" has moved the title up.

Adding the code below has moved all the thumbs up as well:
.jb-flag-large-screen-mode .jb-idx-show-area {
    margin-top: -60px !important;
    height: auto;
}

For the result see: www.athoss.nl/2013/02/

The only thing left that I would like to change is to "force" Juicebox to use the extra space that's now available below the last row of thumbs for another row of thumbs. No matter how I resize the browser, the space is always there, it just isn't used. I assume this is because I adjusted things manually and Juicebox probably isn't aware of this space (like you wrote).
It's probably a long shot, but do you happen to know if there's any way to force it to add one row of thumbs?

4

(6 replies, posted in Juicebox-Pro Support)

Hi Steven,

Thanks for the reply. It solves the problem but keeps me wondering: when I solve it by increasing the maxCaptionHeight until both the title and the caption fit in the screen all the space below the thumbs is filled with navigation buttons and title/caption (which is good).
However, this takes up a lot of space (especially a lot of blank space between the thumb navigation buttons and the title/caption). It also leaves a lot of blank space above the gallery title/thumbs. Example: www.athoss.nl/2013/01

When I change the position of the navigation buttons from bottom to center I can decrease the maxCaptionHeight and the "waste" of space above the thumbs/gallery title disappears which makes the vertical outlining of the thums more balanced. Because of this I now also get at least one extra row of thumbs.
Do you know if there is there any way to perhaps move the naviagation buttons to below the image title/caption and adjust the vertical outlining of the gallery title/thumbs section? I've been trying to adjust things in the css file but so far haven't found a solution.

Any help would be much appreciated.

Hi,

I've got a problem with captions not showing up when I put them "BELOW_THUMBS".
The captions work fine when I select overlay image, but not below the thumbs.
In JuiceboxBuilder Pro part of the title appears, but the caption itself seems to be pushed out of the screen. Online neither the title or the caption appear (although when you resize the window part of it might show).

I'm using these settings:
Title: above thumbs
Thumbs position: left
Thumbs HAlign: Center
Thumbs VAlign: Center
Thumbs Nav Position: Bottom (When I change this setting to Center the captions do show)

Here's an example of a gallery with this problem: www.athoss.nl/2013/01

Any idea how this might be solved? Thanks.

Thanks for the fast (and thorough) reply, this is exactly what I was looking for.

Hi,

Up to now I've been using SimpleViewer and I'm switching to Juicebox.
I've used SimpleViewer in two ways:
- Several individual galleries
- One adjusted gallery that works as a menu from which you can open the individual galleries

You can see the result on www.athoss.nl

In the "menu" gallery the thumbs are the menu items and as soon as you hover over a thumb the main image changes.
You can open an individual gallery by clicking on one of the thumbs.

I've been able to recreate this in Juicebox, except for the clicking on a thumb to open a gallery part.  In Juicebox you first have to hover over the link and then click on the main image. Is there a way in which you can open a link by clicking on a thumb?

Any advice would be much appreciated.