I solved the problem.
The script had to be AFTER the body of the page.
Sorry to bother everyone.

Hi

I  followed the example to embed galleries into a single webpage.
It works great in Chrome (cornfeld.org/SummerVacation2017).

In Safari on iPad and Explorer on my PC I get the following error:
Juicebox Error: Cannot find div with id: "JacksonLake"

Any thoughts a to why this might be?

Thanks

Dan Cornfeld


The index.html file is below

<html>
<head>
<script src="./jbcore/juicebox.js"></script>
</head>
<body>
<script>
  new juicebox({
    baseUrl : 'JacksonLake/',
    containerId : 'JacksonLake',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
</script>

<script>
  new juicebox({
    baseUrl : 'Chuckwagon/',
    containerId : 'Chuckwagon',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
</script>

July 26, 2017. Chuckwagon Dinner<br>

<div id="Chuckwagon"></div>
<br>


July 27, 2017. Jackson Lake and Coulter Bay<br>

<div id="JacksonLake"></div>





</body>
</html>