I'm glad to hear that using thumbFrameColor has resolved your problem.
Thank you for letting me know.
Unfortunately, there is no easy solution for pinch-zooming within a gallery. (If there was, I would gladly have shared the solution with you.)
With regard to the HTML errors on your web page, the two that refer to Juicebox ('required attribute "TYPE" not specified') are because the embedding code is HTML 5 and your web page currently uses the HTML 4.01 Transitional Doctype Declaration. (The 'type' attribute is required for <script> tags in HTML 4.01 Transitional but not in HTML 5.)
To fix those errors, you could either:
(1) Change your web page to use the HTML 5 Doctype Declaration (instead of HTML 4.01 Transitional) by changing the following code at the very top of your web page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">... to:
<!DOCTYPE HTML>... or:
(2) Add the 'type' attribute to the <script> tags by changing:
<script src="jbcore/juicebox.js"></script>
<script>... to:
<script src="jbcore/juicebox.js" type="text/javascript"></script>
<script type="text/javascript">If you choose Option #1 above, then be sure to revalidate your web page with the new Doctype Declaration in place (in case there is code on your web page which is valid under HTML 4.0.1 Transitional but not valid under HTML 5).
To solve the character encoding warnings, just add the following line of code immediately after your web page's opening <head> tag.
<meta http-equiv="content-type" content="text/html; charset=utf-8">Many of the other errors are due to the use of <ul> (unordered list) tags without any corresponding <li> tags.
As an example, change:
<ul>
<a href="../../../../info/index.html"><span>INFO</span></a>
</ul>... to:
<ul>
<li>
<a href="../../../../info/index.html"><span>INFO</span></a>
</li>
</ul>Your custom data-* attributes (such as 'data-height') are not likely to cause any problems but it should be noted that data-* attributes are new to HTML 5 (please see here for details) and, therefore, are not listed as errors under the HTML 5 Doctype Declaration.
Adding 'alt' attributes to <img> tags is trivial but worth doing if only to avoid seeing validation errors.
I hope this helps.