Grow your CSS skills. Land your dream job.

Problem with jQuery Lightbox

  • # November 16, 2012 at 2:54 am

    Well its a simple light box image viewer thing I added on a page at my site, I’m using their script:
    http://fancybox.net/

    you can see its live version here:
    http://www.tradeglobus.com/advp/advp.php

    the problem is a little complicated for ‘me’, when I click the thumbnail to view large image size it shows another scroll bar besides the browser’s scroll bar.
    I don’t have any idea where to find its “Turn-Off Switch”.

    Please point me in the right direction,
    Many Thanks :)

    # November 16, 2012 at 4:10 am

    Hi @Raza

    Your problem seems to be that in the CSS you (or the plugin code) has added some vertical scroll, probably there if the image is too large to fit on the screen. Make these changes and it goes away.

    Find this code below;

    .fancybox-lock .fancybox-overlay {
    overflow-x: auto;
    overflow-y: scroll;
    }

    And change it to;

    .fancybox-lock .fancybox-overlay {
    overflow: auto;
    }

    # November 21, 2012 at 1:44 am

    That’s it…….its done by deletion of just a single line !

    thanks mate….you’re a life saver ;)

    # November 21, 2012 at 2:10 am

    You’re welcome.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".