Topic: Lightroom - wordpress

Hello,
I'm trying Juicebox but I have some issues.
I have installes the plugin on lightroom 5.2
I have prepared and uploaded my album : http://galerie.parlamer.fr/yorktown/
It's working.

Now, I'm trying to embedded the album on my wordpress website.

I have prepared this :
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="galerie/yorktown/jbcore/juicebox.js"></script>
<script type="text/javascript">// <![CDATA[
new juicebox({
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(34,34,34,1)"
baseUrl: 'galerie/yorktown/'
});
// ]]></script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
It does not work. I think it's a problem of path, so I tried also :
src="parlamer.fr/galerie/yorktown/jbcore/juicebox.js
src="/galerie/yorktown/jbcore/juicebox.js
...

My website is on parlamer.fr and the page is here :
http://parlamer.fr/test/

Thank you.

Re: Lightroom - wordpress

As your complete gallery folder has been uploaded to http://galerie.parlamer.fr/yorktown/ your embedding code should look like this (there should be no 'galerie' in the paths):

<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/yorktown/jbcore/juicebox.js"></script>
<script type="text/javascript">
    new juicebox({
        containerId : "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(34,34,34,1)",
        baseUrl: '/yorktown/'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Re: Lightroom - wordpress

Thank you but it does not work.

Re: Lightroom - wordpress

I have just noticed you have no commas separating the backgroundColor from the baseUrl in your gallery's embedding code.
(I copied and pasted your code and changed only the paths.)
I have now corrected the code in my post above.

If it still does not work, please post the URL to the web page into which you are trying to embed your gallery so that I can take a look and help further.

Re: Lightroom - wordpress

Thank you but it still does not work.

The gallery is here : galerie.parlamer.fr/yorktown (on my server, it's here parlamer.fr/galerie/yorktown)
(my host is planethoster, and the data of a subdomain are located in a folder of the main domain : so galerie.parlamer.fr is parlamer.fr/galerie/)

The webpage where I'm trying to embed the gallery is parlamer.fr/test/

I really appreciate your support. Thank you.

Re: Lightroom - wordpress

In fact, I added comas in my first version and it's working :
<!--START JUICEBOX EMBED-->
<script src="/galerie/yorktown/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : '/galerie/yorktown/',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Now I have a new question,
How can I call the album from another domain.
I have parlamer.net and parlamer.fr

I want to let the gallery on parlamer.fr/galerie
But I want to embed in a page on parlamer.net

I tried :
<!--START JUICEBOX EMBED-->
<script src="http://galerie.parlamer.fr/yorktown/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'http://galerie.parlamer.fr/galerie/yorktown/',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

But I have a message : Juicebox Error: Config XML file not found.
What's wrong ?

Thank you

Re: Lightroom - wordpress

All gallery files must be on the same domain (or subdomain) as the page containing the JavaScript embedding code due to the same-origin policy. Please see this web page for further details.

If you intend to embed your gallery into a page on parlamer.net, then your gallery files must also be on this domain (and not parlamer.fr).

The only way around this would be to load your gallery into an iframe, as documented as Option #2 here.