I am using wordpress for the site & putting the code into the header.php file but it didn't work so I added it to the page:
http://www.tonynandi.xyz/journalism/
where is appears to be activating the code as the permalink has #1 / #2 etc depending on which photo is being viewed in the gallery but there is not change in the screen display if I reduce the browser width even if I refresh the screen.

But when I try doing the same change to the page http://www.tonynandi.xyz/performance/ it does not pick up the new code (no #1 appended to the permalink) there is no difference to the pages apart from different xml files, unfortunately performance with the thumbs on the left is the preferred layout.

I had to exclude the first line:<script type="text/javascript" src="jbcore/juicebox.js"></script>
or in my case <script type="text/javascript" src="http://www.tonynandi.xyz/wp-content/uploads/juicebox/journalism/jbcore/juicebox.js"></script>
as this caused an error "Juicebox Error: Config XML file not found."

Sorry I am not a coder, I have spent ages trying different things to get it to work - any idea what have I done wrong?