Thats great thanks, worked a treat!
You're welcome! I'm glad you've got it working. Thank you for letting me know.
And I guess I can add mutiple galleries the same way by simply renaming new gallery folders and altering the code accordingly.
Yes. You can upload as many gallery folders to your web server as you like (just upload them all to your root directory if you like for convenience) and point towards each gallery folder using a baseUrl in each gallery's embedding code.
If you plan to embed multiple galleries on a single HTML page, here are a couple of tips:
(1) Load the 'juicebox.js' file only once per web page (from inside one gallery's 'jbcore' folder) rather than once per gallery.
(2) Embed each gallery into a <div> container with a unique id.
The gallery on my web page is set hard to the left of the page and I would like it centered if possible.
If you'd like to horizontally center a gallery on a web page, try applying the CSS rule margin: 0 auto; to the gallery's <div> container. This should horizontally center the gallery within its parent container. For example:
<div id="juicebox-container" style="margin: 0 auto;"></div>Incidentally, your gallery's <div> container should not be inside <p> tags. (This is not valid HTML.)