You could set showThumbsOnLoad="TRUE" and then use a JavaScript setTimeout() delay to hide the thumbnails (via the Juicebox-Pro API toggleThumbs() method).
For example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" id="jb-viewport" content="minimal-ui" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb = new juicebox({
containerId: "juicebox-container",
showThumbsButton: "TRUE",
showThumbsOnLoad: "TRUE"
});
var thumbs = true;
jb.onInitComplete = function() {
if (jb.getScreenMode() === "LARGE") {
setTimeout(function() {
if (thumbs) {
jb.toggleThumbs();
}
}, 3000);
}
};
jb.onShowThumbs = function(showing) {
thumbs = showing;
};
</script>
<title>Test</title>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>Using the code above, the thumbnails will toggle after 3 seconds (3000ms) but only in Large Screen Mode and only if the thumbnails are actually visible. If the user clicks the Thumbnail Button within the 3 second delay, the thumbnails will not be toggled (displayed) after the delay is over.