• Registered: 2014-05-28
  • Posts: 4

Topic: wp-juicebox has issues in IE9 (at least)

I have installed wp-juicebox on a client's site. She likes the way it looks, but of course, she uses IE. When in IE, the thumbnails load, but when you click one, the main image may or may not display. If you click it twice it usually will work on the second click. It does not seem to be a loading problem, as you can often click the next image and it will work, and if you use the main image navigation arrows it works fine.

It works perfectly on my computer/browsers (Mac/Chrome, Firefox).

I appreciate any help.

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

Re: wp-juicebox has issues in IE9 (at least)

I have not been able to replicate this behavior in any test galleries of my own in IE11 (or in IE9 Document Mode within IE11).

Also, do you see the problem in any of our own demo galleries on this web page or just in your own gallery?

There might be an element on your web page which is partially obscuring the thumbnails (which, for whatever reason, is only a problem in Internet Explorer). You should be able to see if this is the case using a browser's developer tools (usually F12).

It might also be wise to check your web page for HTML errors using the W3C Markup Validation Service.
If there are errors on your web page, it might be worth trying a different WordPress theme to see if this makes a difference.

It might also help to ensure that your version of Juicebox-Pro is up-to-date.
Juicebox-Pro v1.4.1 has just been released so please try upgrading your WP-Juicebox plugin to Juicebox-Pro v1.4.1.
Instructions on how to get download the latest version can be found on the Upgrading Juicebox support page and instructions on how to upgrade WP-Juicebox can be found here.

  • Registered: 2014-05-28
  • Posts: 4

Re: wp-juicebox has issues in IE9 (at least)

Hi, thanks for the quick response.

On the demo page, I could replicate the problem on the Pro Full Browser and on the Blog Style examples. Flat Design didn't do it. I didn't test every one. I suspect this means it is an IE9 issue that there's no answer to.

I did try switching to the updated Twenty Fourteen theme, but the problem persisted in IE9.

I updated to the newest version of Juicebox.

The only errors I got from the W3C Validation page were:
Error Line 96, Column 4: No p element in scope but a p end tag seen.
</p>
✉
Error Line 165, Column 110: The center element is obsolete. Use CSS instead.
…idget widget_text"><div class="widget-wrap">            <div class="textwidget"><center>


These don't seem major to me, but I suppose they could be...

Thanks for your suggestions. Unless you think there is anything else I could do, I'm kind of feeling like it's a browser-exclusive quirk.

Thanks, Rachel

  • Registered: 2014-05-28
  • Posts: 4

Re: wp-juicebox has issues in IE9 (at least)

One last thought: what are the settings for the Flat Design? Since it didn't seem to have the problem. How does it differ from the other galleries?

Thanks, Rachel

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

Re: wp-juicebox has issues in IE9 (at least)

Thank you for the additional information.
I have now been able to replicate the problem. It seems to happen in IE8 and IE9 when imageTransitionType="SLIDE" (the default value for this configuration option).
I have logged a bug report with the developers and it should hopefully be fixed in the next version of Juicebox.
In the meantime, it looks like a suitable workaround would be to set imageTransitionType to something other than SLIDE (FADE, CROSS_FADE or NONE).

  • Registered: 2014-05-28
  • Posts: 4

Re: wp-juicebox has issues in IE9 (at least)

Thank you! I never would have thought to try changing that option as a fix. Seems to work, at least on the machine I have access to for testing.

I really appreciate the help and support I've gotten from your company.

—Rachel