It would be easy to hide the thumbs after you changed an image for example, all you need to do is change the css of the jb-idx-thb-container to visibility: hidden on image change (with the API) and remove it again to show the thumbs when you hover over the thumb area.

But that would not work on touch devices unless you click on the thumb area.

You could also auto hide them with a timing function window.setTimeout("javascript function",milliseconds);

or a combination of both.

As iI said in the previous post

use window.setTimeout("javascript function",milliseconds);

javascript function = code to change the css

milliseconds = the time after you want the thumbs to hide

and then a hover function that shows the thumbs again

it does not.

just hide it again when you stop hovering over the thumb area.

@ Felix

I thought the point of his question was to replicate the auto hide behavior of his flash galleryhttp://www.grantsymon.com/e/ritz.html

if this is not the case forget what I suggested, otherwise I just created a gallery and  it only takes 7 lines of code to replicate the auto hide behavior.

I did reduce the opacity instead of my previous suggestion of visibility hidden.

It actually also works nicely on an iPad ,just wait 3-4 seconds and the thumbs will auto hide and stay hidden, unless you hover over or touch the thumb area.

http://www.marcopietschmann.com/auto/hide

I was deleting all my Juicebox files last night, since I can no longer use the Juicebox Pro gallery on my website.

But I recreated the gallery with my old lite edition for you and it should be working again.

This is also my last post, and therefor I can no longer help you on this forum.

Marco has now left the pro forum and I can't work out where exactly I need to insert his code to get it to work on my site (which is using an iFrame).  Can anyone else help with this ?

This is the code that Marco used (can still be seen on via his link 4 posts up).

/**
 * Juicebox-Extensions-Auto-hide-thumbs
 *
 * Copyright (c) 2013 MARCO PIETSCHMANN. All rights reserved.
 * http://www.marcopietschmann.com
 *
 * Feel free to use and build on this script - but do not remove this copyright notice.
 *
 * get more out of your juicebox  http://www.marcopietschmann.com/tutorials
 */
$(document).ready(function () {

$(thumbs).css("opacity","1");
var hide = function() {
$(thumbs).css("opacity","");
$(thumbs).addClass("jb");}
setTimeout(hide,thb);
});