• Registered: 2013-03-18
  • Posts: 23

Topic: Multiple Galleries on Separate HTML Pages

I try it, but with a problem.

<div id="header">
            <a href="gallery1/index.html">Gal1</a> | <a href="gallery2/index.html">Gal2</a>
        </div>
  <!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>

<!--END JUICEBOX EMBED-->         
<div id="footer">This is the footer.</div>

In gallery1 and in gallery2, I have : images, thumbs, config.xml, index.html
In the root folder mygallery, i have folders gallery1, gallery2, jbcore, and index.html

When I click on index.html in mygallery, I see: Juicebox Error: Config XML file not found.

If possible, can you explain how to do it perfectly? I'm only a newbie...
Thanks in advance.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Multiple Galleries on Separate HTML Pages

If you have two gallery folders (named 'gallery1' and 'gallery2') which are complete and self-contained (apart from sharing a 'jbcore' folder in a different directory) and wish to display one of the galleries in the web page which contains the code you posted above, then you will need to use the baseUrl configuration option to point to a gallery folder.
Try the following code:

<div id="header">
    <a href="gallery1/index.html">Gal1</a> | <a href="gallery2/index.html">Gal2</a>
</div>

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
    containerId: "juicebox-container",
    baseUrl: "gallery1/",
    galleryWidth: "100%",
    galleryHeight: "100%",
    backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
       
<div id="footer">This is the footer.</div>
  • Registered: 2013-03-18
  • Posts: 23

Re: Multiple Galleries on Separate HTML Pages

Thanks very much, it works now.

4 Reply by md.michel (edited by md.michel 2013-04-01 14:21:58)

  • Registered: 2013-03-18
  • Posts: 23

Re: Multiple Galleries on Separate HTML Pages

Now, another little problem.
When I open the gallery, I see the header with Gal1 and Gal 2.
When I click (in header) on Gal1, I see the gallery1, but not the header...
What I missed?

  • Registered: 2013-03-18
  • Posts: 23

Re: Multiple Galleries on Separate HTML Pages

Well, I understood.
I must use the header in index of each gallery with the path ../ for me.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Multiple Galleries on Separate HTML Pages

I am glad that you have been able to solve your problem.
Thank you for posting back to let me know.