Support » Plugin: WP-Slimbox2 Plugin » overlay appearing on top of image

  • Resolved whiteatom

    (@whiteatom)


    Hi there,
    I’m having a strange issue where the overlay is appearing on top of the “pop-up”. The image opens normally, and then the tinted overlay just appears on top of everything, no fade like usual.

    I’m sure this is some css or javascript thing, but I don’t even know where to start looking to fix it.

    Anyone have any ideas?

    whiteatom

    http://wordpress.org/extend/plugins/wp-slimbox2/

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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: http://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.

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

    whiteatom

    Plugin Author malcalevak

    (@malcalevak)

    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

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘overlay appearing on top of image’ is closed to new replies.