treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Problem with jQuery Lightbox

  • 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 :)

  • 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;
    }
    
  • That's it.......its done by deletion of just a single line !

    thanks mate....you're a life saver ;)

  • You're welcome.