When the browser window is resized, the thumbnails are redrawn (thumbnails may be added or removed from the current thumbnail page depending on the new size of the browser window) so you might need to wait a short while after the browser window is resized before removing the click handlers.
Introducing a short delay (such as 200ms) before running off('click') using window.setTimeout() should hopefully be a suitable workaround.

<!--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');
    };
    $(window).resize(function() {
        window.setTimeout(function() {
            $('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
        }, 200);
    });
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

You need to give your 'juicebox' object a variable name (such as 'jb' in my example above) so that it can be referenced by the API methods.
In your own web page's embedding code, change:

new juicebox({

... to:

var jb = new juicebox({

The second code example in your post above probably fails because you are trying to remove the click handlers at a time when the .jb-idx-thumb and .jb-idx-thb-frame classes do not yet exist on the page. The code needs to be put inside the onInitComplete() function (to ensure that the .jb-idx-thumb and .jb-idx-thb-frame classes are present before off('click') is applied to them).

Unfortunately, there is no direct download functionality within Juicebox-Pro.
The best way to download an image currently is to click the 'Open Image' button (to open the image in a browser tab of its own) and then right-click 'Save Image As...'.
Please see this forum post for more information on direct downloading images.
There is also no zooming functionality within Juicebox-Pro.

If you would like to make any suggestions for future versions, please post them in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.

You're welcome.

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).

As far as I am aware, there are no plans to release a new major version (ie. Juicebox v2.0) any time soon.
The next release is likely to be v1.4.4 - a free upgrade for all Juicebox-Pro v1.x users.

You're welcome!

The error message is displayed because an XML file corresponding to the requested Gallery Id cannot be found (and it certainly looks like it does not exist in the case of your sample web page showing Gallery Id 11). If it has not been deleted, then perhaps there was a problem with the XML file being created in the first place (although if this was true, I would have expected an error during the creation process rather than just when the gallery is displayed).

Please double-check the permissions on your '/wp-content/uploads/juicebox/' directory (where the gallery XML files are stored) to ensure that they are not too restrictive. Default permissions of 755 should be fine.

It looks like there may only be 5 WP-Galleries on your web site (with IDs 1 to 5).
Have you deleted any galleries at any time? (This would account for a gap in the ID numbering but ordinarily should not cause any problems).
Also, how many galleries are listed on the 'Manage Galleries' page and what IDs do they have?

Your sample gallery is not a fully formed web page. There is no Doctype Declaration, <head> or <body> tags.
After creating your gallery with JuiceboxBuilder-Pro, try using or modifying the gallery's 'index.html' page rather than uploading an HTML file with just the gallery's embedding code. The gallery's embedding code really needs to be within a complete and valid HTML web page, otherwise Juicebox may not be able to determine its actual height (if a percentage height is used) and different browsers may treat the isolated HTML snippet differently. A complete and valid web page should provide more predictable and consistent results across different browsers.

Also, your 'juicebox-container' <div> is nested inside a parent 'container' <div> which has not been assigned a height via CSS. If your gallery's height is defined as 100% (for example), then it will be 100% of the height of the parent container. Try explicitly assigning a height to the parent container via CSS. Please also see the note regarding Using Percentage Heights in the Embedding in a HTML Page support section.

If all your images are the same height and you just want your gallery to be taller, then set your gallery's height to be a large fixed pixel value (rather than a percentage).
If you really want to gallery's height to change depending on the height of the image which is currently being displayed, then you will need to use JavaScript to check the image's height (each time a new image is displayed) and adjust the height of the gallery accordingly. You would need to use the Juicebox-Pro API's onImageChange() event and setGallerySize() method.
(Usually, each time a new image is displayed, the gallery's dimensions remain constant and the new image is scaled to fit within the gallery's image area.)

Thank you for creating a valid test page. At least we can now eliminate HTML errors as being a possible cause of your problem.

A few users have reported a problem on Windows phones whereby a page containing an embedded gallery cannot be scrolled.
I looks like this might be the problem that you are encountering. (I have already notified the developers of this problem.)

Try disabling Reading View in IE11 just in case this is the cause of your problem.

Add the following line of code to your web page's <head> section. Once implemented, the Reading View icon should not appear in the address bar.

<meta name="IE_RM_OFF" content="true">

After making this change, please be sure to clear your browser's cache before reloading your web page.

This may or may not help (another user has tried it without success) but it might be worth trying.
It should be quick and easy to do and might make a difference.

Try fixing the HTML errors on your web page to see if this helps with your first and second problems.
Certain browsers may be more tolerant towards errors than others and this can result in inconsistent behavior across different browsers.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported.
Many of the errors on your web page may seem to be trivial and not directly related to the problems you report but there are a few stray tags on your page resulting in elements which should be closed which are not (and vice versa).
The <div id="juicebox-container"> seems to be caught up in the mix.

With regard to your third issue, when enableDirectLinks="TRUE" (which your gallery uses), each image in the gallery is given a unique URL and clicking the Back Button in a browser will step back through these URLs. This is normal and to be expected.
If you do not want this to happen, then set enableDirectLinks="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) instead.

If you enter embedding code directly into the body of a WordPress page or post, make sure that the method of entry is 'Text' (which respects HTML code) and not 'Visual' (otherwise you will just see the code that you enter on the screen instead of the gallery).

Also, if you use the embedding code you posted above, you would need to upload the contents of your gallery folder to the same directory as the HTML page which contains the embedding code. This might be difficult to determine in a WordPress environment and I would recommend using the baseUrl method as described here.

Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress post (ensuring that the method of entry is 'Text' rather than 'Visual'). It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

Shopping Cart functionality is disabled in Small Screen Mode as most mobile device screens are not large enough to accommodate the size of the Fotomoto pop-up window. This is noted in the 'Additional notes' section of the Shopping Cart support page.