• Registered: 2013-12-12
  • Posts: 2

Topic: multiple servers

I need to put the files on one server, and embed in a page on a different server. I uploaded the files to mid20th.com but I want to embed a page at hanging-mobiles.com. I tried this, and it does not work:

<!--START JUICEBOX EMBED-->
<script src="http://mid20th.com/room-scenes/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'http://www.mid20th.com',
configUrl : '/room-scenes/config.xml',
containerId : "juicebox-container",
galleryWidth: "80%",
galleryHeight: "60%",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Please help.
Thanks,
Debbie

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

Re: multiple servers

All the gallery files must be on the same domain or subdomain as the JavaScript embedding code due to the same-origin policy.
Please see this web page for more information.

The only way to do what you want would be to load your gallery into an iframe on hanging-mobiles.com.
If you upload your complete gallery folder to mid20th.com, then the gallery would actually be embedded into the 'index.html' page on mid20th.com and you could then load the 'index.html' into an iframe on a web page on any other domain or subdomain.

Please note that there are limitations to loading a gallery into an iframe. See Option #2 ('Using an iframe') here for more details.