overlay appearing on top of image

Hmm.. i tried just making the opacity 0 until it’s fixed, but now the “Prev” and “Next” clicks don’t work because the overlay is still there taking the clicks….

Ugg.. anyone have any clues about this? the overlay is appearing after the image in the HTML, the z-indexs are being set, the CSS is loading, no other classes/ID’s are being applied from my own CSS that I can see…

Here’s the site: https://2013.swiftsure.org/?slimbox=on Try one of the images in the bottom right.

Cheers,

whiteatom

Ok.. more info.. and the problem.

The overlay (#lbOverlay) is appearing inside the #lbBottom inside the #lbBottomContainer, not before the #lbCenter like it does on my other sites.

Basically it is structured like this:

<div id='lbCenter'></div>
<div id='lbBottomContainer'>
    <div id="lbBottom">
        <div id="lbOverlay"></div>
    </div>
</div>

Instead of this:

<div id="lbOverlay"></div>
<div id='lbCenter'></div>
<div id='lbBottomContainer'>
    <div id="lbBottom"></div>
</div>

Thoughts on this???

Managed to solve it.. Jquery 1.9 breaks this plugin. I was replacing the stock jquery with a CDN version and it was getting the lastest version – which was just rolled over today.

Heads up – this plugin is going to break when they upgrade jQuery in a future WP release.

https://jquery.com/upgrade-guide/1.9/

whiteatom

Thanks for the info, I’ll look into if it’s plugin specific code, or if it’s tied to the slimbox javascript.

Will there be a fix to this problem?

Isn’t it a bug if the plugin is not working with up-to date jquery versions?

I can not just downgrade jquery in order to get the plugin work.

this plugin is going to break when they upgrade jQuery in a future WP release

It happened now with WP 3.6

Yep – broke on a client site after I updated to 3.6. Deleted it & installed the lightbox plugin I’ve used on my own site for some time: WP Lightbox 2 by Pankaj Jha. It works well, automatically & has no ugly styling like some of the other lightbox plugins.

Yes this broke with 3.6, a shame it wasn’t updated to be compatible with the latest version of WP. I just switched to WP Lightbox 2 as recommended by Teresa and it works fine.

This plugin is two years out of date–is there a way to report it as “abandoned”?

Slimbox is good, just remove add() in the code, it works differently in new jquery. Patched version is here: https://code.google.com/p/slimbox/issues/attachmentText?id=36&aid=360000000&name=slimbox2.js&token=zZbj4v-dHc8nVD-sZFQg_Bz5ATU%3A1377745765666

Was the patched version meant to be an exchange for the entire contents of the /slimbox2.js file? If so it didn’t work for me. The overlay is still above the image.

Would like to get this one working again if possible. A nice mix of function and options

I’ve swapped over to ‘Slimbox2 with Slideshow’ for the meantime – less options but closer in look to WP-Slimbox2 than suggestion above

The bug is fixed after update wp-slimebox2 from 1.1.2 to 1.1.3.1