• Registered: 2012-06-29
  • Posts: 14

Topic: Embedding Juicebox Pro in Wordpress

Hello,

I have read the other posts on this topic and I am still having problems.  I am getting a "Config XML File Not found" error.

Here is my embed code:

<!--START JUICEBOX EMBED-->
<script src="http://www.robertmunozphotography.net/Galleries/Home/jbcore/juicebox.js"></script>
<script>
  new juicebox ({
    baseUrl : 'http://www.robertmunozphotography.net/Galleries/Home/',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '700',
    backgroundColor: 'rgba (217,217,217,0)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I am trying to embed the gallery on the home page at:  http://www.robertmunozphotography.net

I have been able to embed Juicebox Pro galleries in WP pages in the past.  For some reason this code is not working.  Any ideas?

Robert

  • Registered: 2012-05-02
  • Posts: 161

Re: Embedding Juicebox Pro in Wordpress

Robert,

I can offer no help at all, but I have this to say about http://www.robertmunozphotography.net/Galleries/Home/ :

1) Wow, what great photographs -- composition, colors, crispness, saturation, etc.! I don't suppose you'd care to share what camera, lens, and settings you typically use (if you do have some favorites)?

2) I hope that when you're finished, you'll put up some controls -- I wasn't sure how to stop the slideshow, but just clicking seemed to do the trick -- and the option to see some thumbnails.

Bill P.

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

Re: Embedding Juicebox Pro in Wordpress

I am trying to embed the gallery on the home page at:  http://www.robertmunozphotography.net

I see no sign of any Juicebox embedding code on that page. Are you currently trying to fix the problem or is there another page which displays the "Config XML File Not Found" message?

Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

Also, bear in mind that all gallery files should be on the same domain or subdomain as the page containing the embedding code so if using absolute URLs which refer to www.robertmunozphotography.net, then your gallery will display only when accessing your web site via the www.robertmunozphotography.net subdomain and not robertmunozphotography.net.
For both to work, use relative URLs in your gallery's embedding code.

  • Registered: 2012-06-29
  • Posts: 14

Re: Embedding Juicebox Pro in Wordpress

Thank you for taking a look at this.  I took the embed code out because I've been trying other ideas to get the gallery to work.  I have pasted it back in. 

I'm a little embarrassed to say that I don't understand what you mean by relative URLs.  And I also don't understand the difference between www.robertmunozphotography.net subdomain and  robertmunozphotography.net.

Thanks in advance for your time,

Robert

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

Re: Embedding Juicebox Pro in Wordpress

www.robertmunozphotography.net is a subdomain of your main domain robertmunozphotography.net and they are not the same as each other.
In your case, if you go to www.robertmunozphotography.net in a browser, you are redirected to robertmunozphotography.net but your URLs use www.robertmunozphotography.net (and the user is no longer on that subdomain).
Try the following embedding code:

<!--START JUICEBOX EMBED-->
<script src="http://robertmunozphotography.net/Galleries/Home/jbcore/juicebox.js"></script>
<script>
  new juicebox ({
    baseUrl : 'http://robertmunozphotography.net/Galleries/Home/',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '700',
    backgroundColor: 'rgba (217,217,217,0)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

An absolute URL is a complete path to a file, e.g. 'http://www.example.com/gallery/index.html'.
A relative URL is a path to a file relative to another file (how to get to one file from another), e.g. 'gallery/index.html'.
Using relative URLs, your embedding code would look like the following and as neither www.robertmunozphotography.net nor robertmunozphotography.net are hard-coded, relative URLs will work for both.

<!--START JUICEBOX EMBED-->
<script src="Galleries/Home/jbcore/juicebox.js"></script>
<script>
  new juicebox ({
    baseUrl : 'Galleries/Home/',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '700',
    backgroundColor: 'rgba (217,217,217,0)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
  • Registered: 2012-06-29
  • Posts: 14

Re: Embedding Juicebox Pro in Wordpress

That did the trick.  Thanks for your help and for the lucid explanation.

Robert