Thank you!! That was the problem. I had tried that before, but of course it was before the bad code was corrected. Wonderful, the Juicebox gallery looks great. thanks again for all your help.

Thank you so much for your help Steven. I fixed up my sloppy code and even tried in a test page, in case i was putting it in the wrong place, but I stll get the same results..no show for the gallery. Is there suppose to be a separate js file? It didnt see so, but Im pretty new at this,
It looks like this now, its online at http://portraitart.ca/HTML/test.html   I really appreciate your expertise, thanks

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>testPage</title>
</head>
<body
<h1>Test page for gallery</h1>
<!--START JUICEBOX EMBED-->
<script src="/people_gallery/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: "/people_gallery/",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#f1f1f1"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
</body>
</html>

I cant seem to embed my gallery, I copied the script, the folder name is correct, but only shows a completely blank space. Im not sure what I could be doing wrong.
Im using a mac with a trail copy of Dreamweaver CC, which runs out in 6 days. Wondering if Ive put it in the right place, starts after the title ends. Im new to reponsive design.
script looks like this:
                   
                        <!--START JUICEBOX EMBED-->
                        <!DOCTYPE html>
<script src="/People_gallery"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl : '/People_gallery/index.html'
});
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#f1f1f1"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
                    </div>
I dont have it online yet. thanks