1 Topic by scorpiontree (edited by scorpiontree 2012-12-01 04:40:18)

  • Registered: 2012-12-01
  • Posts: 2

Topic: Embeding Juicebox Pro in to WordPress Page

I would like to embed Juicebox Pro in to my WordPress page without using iframe. I have tried using the following code but all I get is a blank page:

<!--START JUICEBOX EMBED-->
<script src="svmanager/g2/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'svmanager/g2/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Any help would be greatly appreciated. Thanks!

www.scorpiontree.com/design

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

Re: Embeding Juicebox Pro in to WordPress Page

Relative paths within a gallery's embedding code are relative to the HTML page which contains the embedding code so the embedding code for your gallery on the http://www.scorpiontree.com/design/ page would be:

<!--START JUICEBOX EMBED-->
<script src="../svmanager/g2/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : '../svmanager/g2/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Alternatively, you could use absolute paths within the embedding code:

<!--START JUICEBOX EMBED-->
<script src="http://www.scorpiontree.com/svmanager/g2/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'http://www.scorpiontree.com/svmanager/g2/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Otherwise, you could use WP-Juicebox, the dedicated Juicebox plugin for WordPress (which uses recommended embedding code such as that above and not an iframe).