• Registered: 2015-08-13
  • Posts: 6

Topic: Embedded JB into Muse: "Config XML file not found." [SOLVED]

Hey all!

I followed all the steps outlined here:
http://www.muse-themes.com/blogs/news/6 … adobe-muse

... along with switching out the 2 lines in the code to be hard-coded:
http://www.burkuzzle.com/galleries/american2/
http://www.burkuzzle.com/galleries/amer … uicebox.js

And when I browser test it, I get this error: "Juicebox Error: Config XML file not found."
Check it out: http://burkuzzle.com/all-american-test.html

But if the base URL is followed, the XML file is right there:
http://www.burkuzzle.com/galleries/american2/config.xml

What's going on here?

Here's my full edited code snippet I used:

<!--START JUICEBOX EMBED-->
<script src="http://www.burkuzzle.com/galleries/american2/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: 'http://www.burkuzzle.com/galleries/american2/',
galleryWidth: "816",
galleryHeight: "575",
backgroundColor: "rgba(92,92,92,1)"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1>Burk Uzzle: All American</h1>
<p></p>
<p><img src="images/01-Romance-of-Chrome.jpg" title="Romance of Chrome" alt="Romance of Chrome" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Romance of Chrome</span></span> Romance of Chrome</p>
<p><img src="images/02-Headless-in-New-York.jpg" title="Headless in New York" alt="Headless in New York" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Headless in New York</span></span> Headless in New York</p>
<p><img src="images/03-Saluting-the-Electric-Meter.jpg" title="Saluting the Electric Meter" alt="Saluting the Electric Meter" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Saluting the Electric Meter</span></span> Saluting the Electric Meter</p>
<p><img src="images/04-Mummeers-Pissing.jpg" title="Mummers Pissing" alt="Mummers Pissing" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Mummers Pissing</span></span> Mummers Pissing</p>
<p><img src="images/05-Double-Portrait.jpg" title="Double Portrait" alt="Double Portrait" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Double Portrait</span></span> Double Portrait</p>
<p><img src="images/06-Sripes-for-Three.jpg" title="Stripes for Three" alt="Stripes for Three" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Stripes for Three</span></span> Stripes for Three</p>
<p><img src="images/07-Wall-with-Paint-and-Man.jpg" title="Wall with Paint and Man" alt="Wall with Paint and Man" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Wall with Paint and Man</span></span> Wall with Paint and Man</p>
<p><img src="images/08-Flags-on-Parade.jpg" title="Flags on Parade" alt="Flags on Parade" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Flags on Parade</span></span> Flags on Parade</p>
<p><img src="images/09-Twins-with-Camel.jpg" title="Twins with Camel" alt="Twins with Camel" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Twins with Camel</span></span> Twins with Camel</p>
<p><img src="images/10-Rhinecliff-Station.jpg" title="Rhinecliff Station" alt="Rhinecliff Station" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Rhinecliff Station</span></span> Rhinecliff Station</p>
<p><img src="images/11-Refinery-with-Team.jpg" title="Refinery with Team" alt="Refinery with Team" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Refinery with Team</span></span> Refinery with Team</p>
<p><img src="images/12-Birds-at-Flower-Garden.jpg" title="Birds at Flower Garden" alt="Birds at Flower Garden" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Birds at Flower Garden</span></span> Birds at Flower Garden</p>
<p><img src="images/13-Miss-MainStreet.jpg" title="Miss MainStreet" alt="Miss MainStreet" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Miss MainStreet</span></span> Miss MainStreet</p>
<p><img src="images/14-Super-Jogger.jpg" title="Super Jogger" alt="Super Jogger" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Super Jogger</span></span> Super Jogger</p>
<p><img src="images/15-Hi-Tech-Legs.jpg" title="Hi Tech Legs" alt="Hi Tech Legs" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Hi Tech Legs</span></span> Hi Tech Legs</p>
<p><img src="images/16-Love-Me.jpg" title="Love Me" alt="Love Me" /><br><span style="font-size: 12px; color: #ccc;"><span style="font-size: 12px; color: #ccc;">Love Me</span></span> Love Me</p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->

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

Re: Embedded JB into Muse: "Config XML file not found." [SOLVED]

Please see this FAQ which holds the key to solving your problem:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

  • Registered: 2015-08-13
  • Posts: 6

Re: Embedded JB into Muse: "Config XML file not found." [SOLVED]

Thanks for the reply! I'm confused, though. Does that simply mean that those 2 instances here:
http://www.burkuzzle.com/galleries/american2/
http://www.burkuzzle.com/galleries/amer … uicebox.js

... I change to relative paths like this?
galleries/american2/
galleries/amer … uicebox.js

When I do that, the gallery doesn't show at all. What am I not getting? Thanks for helping me wrap my head around this! :)

FYI, the Muse HTML files that are using this code are on the root level of the site and each gallery ("american2") resides in its own unique folder within "galleries" folder. Is this article saying that all the Juicebox gallery files should be in the root folder?

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

Re: Embedded JB into Muse: "Config XML file not found." [SOLVED]

When I do that, the gallery doesn't show at all. What am I not getting?

When using relative paths, they should be relative to the page containing the gallery's embedding code so the paths you suggested should work fine:

<script src="galleries/american2/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: "galleries/american2/",
        galleryWidth: "816",
        galleryHeight: "575",
        backgroundColor: "rgba(92,92,92,1)"
    });
</script>

You could also use a leading slash in your paths to denote that the paths start at the root directory so the following should also work fine:

<script src="/galleries/american2/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: "/galleries/american2/",
        galleryWidth: "816",
        galleryHeight: "575",
        backgroundColor: "rgba(92,92,92,1)"
    });
</script>

Is this article saying that all the Juicebox gallery files should be in the root folder?

When using a baseUrl, it does not matter where on your web server you upload your gallery folder to (it does not need to be uploaded to the root directory) as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct. Your current web site structure is fine.

Please try either of the embedding code <script> sections above. Both should work fine.

  • Registered: 2015-08-13
  • Posts: 6

Re: Embedded JB into Muse: "Config XML file not found." [SOLVED]

Yay! That worked! Oh joy! Thank you so much for your help! This is fantastic. :)

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

Re: Embedded JB into Muse: "Config XML file not found." [SOLVED]

You're welcome!
I'm glad you've got it working. Thank you for posting back to let me know.