Monday, July 15, 2013

Set max-width for Lightbox2

Some time we need set max-width for image when use lightbox2

1. Change css.
Go to lightbox.css add line

/* line 24, ../sass/lightbox.sass */
/*#lightbox img {*/
  /*width: auto;*/
  /*height: auto;*/
/*}*/

#lightbox img {
    width: auto;
    height: auto;
    max-width: 600px;
}

2. Change JS.
Go to lightbox.js. Add some red lines.

preloader.onload = function () {
                $image.attr('src', _this.album[imageNumber].link);
                $image.width = preloader.width;
                $image.height = preloader.height;

                if (preloader.width > 600) {
                    preloader.height = preloader.height / preloader.width * 600;
                    preloader.width = 600;
                }

                return _this.sizeContainer(preloader.width, preloader.height);
            };

Good luck to you

No comments:

Post a Comment