1 Topic by dnagrabecki (edited by dnagrabecki 2015-09-07 16:59:26)

  • Registered: 2015-09-04
  • Posts: 3

Topic: Juicebox gallery doesn't display in WordPress page [SOLVED]

Hi,

I am doing everything step by step in adding gallery using Juicebox Pro. But it seems its set to "display:none" automatically in element.style in css.

Any ideas how can I sort it out?

Heres the link to page I've created test gallery: http://vevi-wedding-photography.co.uk/pph-test/

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

Re: Juicebox gallery doesn't display in WordPress page [SOLVED]

There does not seem to be any Juicebox gallery embedding code on the web page you provided.
In fact, it seems to display an error 404 (file not found).
Please check the link and post back so that I can take a look at your problem.

As you are using WordPress, you might like to take a look at the dedicated Juicebox plugin for WordPress - WP-Juicebox.
This plugin allows you to embed Juicebox galleries directly into your WordPress pages and posts without the need for any manual coding at all.

3 Reply by dnagrabecki (edited by dnagrabecki 2015-09-07 14:33:33)

  • Registered: 2015-09-04
  • Posts: 3

Re: Juicebox gallery doesn't display in WordPress page [SOLVED]

He Steven,

I'm using wp-juicebox, doing everything step by step from your documentation how to insert gallery & add images.

Have a look in this url http://vevi-wedding-photography.co.uk/test-gallery/

It looks like it site doesn't pick up css & js og JuiceBox, I'm using ProPhoto Theme.

Thanks

  • Registered: 2015-09-04
  • Posts: 3

Re: Juicebox gallery doesn't display in WordPress page [SOLVED]

This thread can be closed. I sorted it out.

The theme wasn't picking up any of css and js files for juicebox and I had to enqueue them manualy in functions.php of my theme.
Also there was installed plugin "W3 Total Cache" which is minifing links in header etc.

Thanks

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

Re: Juicebox gallery doesn't display in WordPress page [SOLVED]

I'm glad you've been able to resolve your problem.
Thank you for posting back to let me know.

You should be able to just load the 'juicebox.js' file with a <script> tag at the top of your gallery's embedding code but if you were to have multiple galleries displayed on a single dynamically-generated page, then you might end up with multiple instances of the 'juicebox.js' file being loaded. (It should be loaded only once per page rather than once per gallery.)

In a WordPress environment, it is certainly a good idea to enqueue the file to load in your web page's <head> section.
This ensures that the 'juicebox.js' is always loaded and is loaded only once per page.

Also, the 'juicebox.js' file must be loaded from within the 'jbcore' folder. If the code is minimized by a third-party plugin and loaded from a different location, then this will break the gallery.