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