According to the current embedding code on your 'findanevent.php' web page, Juicebox is looking for the 'juicebox.js' file here: http://www.countyfairgrounds.net/findan … uicebox.js
... but it is not in that location on your web server.
You have two options:
(1) Leave the embedding code exactly as it is on your 'findanevent.php' web page and copy the contents of your gallery folder (not the folder itself) into the 'findanevent' directory on your web server.
The contents of the gallery folder are as follows:
images (folder)
thumbs (folder)
jbcore (folder)
config.xml (file)
index.html (file)
(If doing this, please check first that you do not have any files or folders with the same names in the 'findanevent' directory which may be overwritten.)
... or:
(2) As you have already uploaded your complete gallery folder ('currentgalleries') to your web server, then you can use a baseUrl in your embedding code (on your 'findanevent.php' web page) to point towards this gallery folder.
The baseUrl method of embedding is documented here.
Essentially, on your 'findanevent.php' web page, just change your gallery's embedding code from:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "300px",
galleryHeight: "550px",
backgroundColor: "rgba(128,0,0,1)"
});
</script>
... to:
<script src="/findanevent/currentgalleries/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/findanevent/currentgalleries/",
containerId: "juicebox-container",
galleryWidth: "300px",
galleryHeight: "550px",
backgroundColor: "rgba(128,0,0,1)"
});
</script>
I would recommend Option #2 above. It keeps all your gallery files together inside the gallery folder on your web server which will help to keep things organized.