• Registered: 2014-06-02
  • Posts: 11

Topic: Embedded Gallery not displaying [SOLVED]

Trying to embed a gallery in a WordPress post using an external gallery folder via baseURL, but it isn't displaying. It does, however, display when View in Browser is selected when saving the gallery. I pasted the code into, then out of my text editor, Atom.

Here's my embed code:
<!--START JUICEBOX EMBED-->
<script src="/JB_Singles/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseURL: '/JB_Singles/',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container">
<!--END JUICEBOX EMBED-->

Here's a link to the post:
http://www.puebloperiodically.com/portfolio/singles/

Using JB Builder-Pro ver.1.4.3

I thought I followed the embed guidelines (http://www.juicebox.net/support/embedding/) precisely, but may have missed something.

Any ideas?

Thanks

Mike

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

Re: Embedded Gallery not displaying [SOLVED]

You currently have WP-Juicebox installed and activated.
The plugin is loading the 'juicebox.js' v1.4.1 file into the <head> section of your page and your manual embedding code loads the 'juicebox.js' v1.4.3.2 file into your page. The two different versions of the 'juicebox.js' file may be conflicting with each other.
When embedding a gallery manually into a WordPress page or post using the baseUrl method, it is not necessary to have WP-Juicebox installed and activated at all so try deactivating the plugin to see if this help.

  • Registered: 2014-06-02
  • Posts: 11

Re: Embedded Gallery not displaying [SOLVED]

Steven, your suggestion that I deactivate the WP plugin solved my issue.

Thank you very much.

I appreciate your simple explanation of the why the conflict was occurring as well.

Mike

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

Re: Embedded Gallery not displaying [SOLVED]

I'm glad my suggestion worked.
Thank you for posting back to let me know.