Topic: Maximum number of embedded albums on a single html page [SOLVED]

Is there a built-in limitation of the number of albums per one page?
I am unable to past 2 working albums per one page.

Re: Maximum number of embedded albums on a single html page [SOLVED]

OK, solved! 3 album works, see the scheme below. script is called once per page in the header.

<h2>album_1</h2>
<!--START JUICEBOX EMBED-->
    <script>
    new juicebox({
        containerId: 'juicebox-container-album_1',
        baseURL: 'jb/album_1/',
        galleryWidth: '80%',
        galleryHeight: '80%',
        backgroundColor: '#222222'
    });
    </script>
    <div id="juicebox-container-album_1" style="margin: 0 auto"></div>
    <!--END JUICEBOX EMBED-->


<h2>album_2</h2>
<!--START JUICEBOX EMBED-->
    <script>
    new juicebox({
        containerId: 'juicebox-container-album_2',
        baseURL: 'jb/album_2/',
        galleryWidth: '80%',
        galleryHeight: '80%',
        backgroundColor: '#222222'
    });
    </script>
    <div id="juicebox-container-album_2" style="margin: 0 auto"></div>
    <!--END JUICEBOX EMBED-->


<h2>album_3</h2>
<!--START JUICEBOX EMBED-->
    <script>
    new juicebox({
        containerId: 'juicebox-container-album_3',
        baseURL: 'jb/album_3/',
        galleryWidth: '80%',
        galleryHeight: '80%',
        backgroundColor: '#222222'
    });
    </script>
    <div id="juicebox-container-album_3" style="margin: 0 auto"></div>
    <!--END JUICEBOX EMBED-->

Re: Maximum number of embedded albums on a single html page [SOLVED]

Is there a built-in limitation of the number of albums per one page?

No, there's no limit to the number of galleries you can have on a single web page.

OK, solved!

That's great to hear! I'm glad you've been able to resolve your problem. Thank you for posting back to let me know.

For anyone who wants to embed multiple galleries on a single web page, here are a few tips.
(1) Load the 'juicebox.js' file just once per web page (rather than once per gallery).
(2) Embed each gallery into a div container with a unique containerId.
(3) In each gallery's embedding code, use a configUrl (to point towards a unique configuration file) or a baseUrl (to point towards a unique gallery folder).

Short descriptions of the configuration options in bold above can be found in the Embed Options section of the Config Options page.