From mr. Dragonzap here: http://lokeshdhakar.com/forums/index.php?p=/discussion/5886/resizing-bigger-images-to-screen-size

 

lightbox.js:

preloader.onload = function() {
$image.attr(‘src’, _this.album[_this.currentImageIndex].link);
$image.width = preloader.width;
$image.height = preloader.height;
return _this.sizeContainer(preloader.width, preloader.height);
};
to
preloader.onload = function() {
$image.attr(‘src’, _this.album[_this.currentImageIndex].link);
if (preloader.width > window.innerWidth * 0.9) {
preloader.height = (window.innerWidth * 0.9 * preloader.height) / preloader.width;
preloader.width = window.innerWidth * 0.9;
}

if (preloader.height > window.innerHeight * 0.8) {
preloader.width = (window.innerHeight * 0.8 * preloader.width) / preloader.height;
preloader.height = window.innerHeight * 0.8;
}
$image.width = preloader.width;
$image.height = preloader.height;
$image.attr(‘width’, preloader.width + “px”);
return _this.sizeContainer(preloader.width, preloader.height);
};

ligthbox.css:

#lightbox img {
width: auto;
height: auto;
}
to
#lightbox img {
/*width: auto;
height: auto;*/

Advertisements