天天看点

使lightbox2 的弹出的大图片自动适应屏幕大小

  •   Resize the image to the screen:

    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);

    };

    改为:

    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;

    }

    改为:

    #lightbox img {

    }

继续阅读