The click handlers are generated dynamically by the 'juicebox.js' JavaScript file.
Try something like the following:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container'
});
$(document).ready(function() {
jb.onInitComplete = function() {
$('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
};
jb.onThumbPageChange = function() {
$('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
};
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->Hopefully this will point you in the right direction.
Please note that my suggestion above uses jQuery. Juicebox comes with its own bundled version of jQuery (within the 'juicebox.js' file) so basic jQuery functionality is available as soon as the 'juicebox.js' file is loaded in the page (and without the need to explicitly include a separate jQuery JavaScript file).
However, if your web page uses any jQuery code at all, I would recommend including a separate jQuery JavaScript file (just in case we remove any jQuery functionality from the 'juicebox.js' file in the future).