Topic: Wordpress embedding compatibility

Hello I'm currently evaluating the Juicebox gallery. I've run into issues trying to embed a juicebox gallery.

using the code below does not display the gallery:

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

see the page at http://dev-sam.secretasianman.tv/?p=82


specifiying the absolute location of jbcore, gives the error Juicebox Error: Config XML file not found.

<!--START JUICEBOX EMBED-->
<script src="http://dev-sam.secretasianman.tv/jb-galleries/chloe/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

see the page at http://dev-sam.secretasianman.tv/?p=84


the full gallery appears to work fine however: http://dev-sam.secretasianman.tv/jb-gal … index.html

Any troubleshooting thoughts?

2 (edited by jefvhal 2012-05-19 16:09:04)

Re: Wordpress embedding compatibility

Hi Heekun,

You haven't set the baseurl. At this point your script is searching for the following location;
http://dev-sam.secretasianman.tv/jbcore/juicebox.js (and will not be found)

If you follow the lines as described in http://www.juicebox.net/support/embeddi … ery-folder you should be able to run the gallery.

Try with:
<!--START JUICEBOX EMBED-->
<script src="jb-galleries/chloe/jbcore/juicebox.js"></script><br />
<script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(34,34,34,1)"
baseUrl: 'jb-galleries/chloe/'
});
</script></p>
<div id="juicebox-container"></div>
<p><!--END JUICEBOX EMBED-->

Hope this helps

Jeffrey

EDIT: removed typo

Re: Wordpress embedding compatibility

Thanks jefvhal! specifying the baseURL resolved it:

backgroundColor: "rgba(34,34,34,1)",
baseUrl: "jb-galleries/chloe/"

Re: Wordpress embedding compatibility

For reference, an alternative to the above method would be to use the dedicated Juicebox Plugin for WordPress: WP-Juicebox, which would allow the user to create and embed Juicebox galleries in WordPress posts directly from within the WordPress Dashboard.

Re: Wordpress embedding compatibility

I'm trying to get Weaver II Pro 1.0.26 to see the plug in folder to no avail.  I have nextgen activated.  I tried it with nextget deactivated, but still don't see it.  Suggestions?

Re: Wordpress embedding compatibility

@pscalabro

As Weaver II Pro is not free, I cannot test WP-Juicebox with this theme.
However, I have installed Weaver II (Standard) and WP-Juicebox seems to work fine with this theme installed.

Try temporarily reverting to the default WordPress theme to see is this makes a difference for you.

If not, please explain further as to what you mean by your theme failing to see the plugin folder.
Have you changed your plugins folder from the default WordPress location ('wp-content/plugins/')?
Do any of your other plugins (if you have any others installed) show up in your 'Plugins' list?