dist/angular-bootstrap-lightbox.js
function () {
        // get the window dimensions
        var windowWidth = $window.innerWidth;
        var windowHeight = $window.innerHeight;

        // calculate the max/min dimensions for the image
        var imageDimensionLimits = Lightbox.calculateImageDimensionLimits({
          'windowWidth': windowWidth,
          'windowHeight': windowHeight,
          'imageWidth': imageWidth,
          'imageHeight': imageHeight
        });

        // calculate the dimensions to display the image
        var imageDisplayDimensions = calculateImageDisplayDimensions(
          angular.extend({
            'width': imageWidth,
            'height': imageHeight,
            'minWidth': 1,
            'minHeight': 1,
            'maxWidth': 3000,
            'maxHeight': 3000,
          }, imageDimensionLimits),
          Lightbox.fullScreenMode
        );

        // calculate the dimensions of the modal container
        var modalDimensions = Lightbox.calculateModalDimensions({
          'windowWidth': windowWidth,
          'windowHeight': windowHeight,
          'imageDisplayWidth': imageDisplayDimensions.width,
          'imageDisplayHeight': imageDisplayDimensions.height
        });

        // resize the image
        element.css({
          'width': imageDisplayDimensions.width + 'px',
          'height': imageDisplayDimensions.height + 'px'
        });

        // setting the height on .modal-dialog does not expand the div with the
        // background, which is .modal-content
        angular.element(
          document.querySelector('.lightbox-modal .modal-dialog')
        ).css({
          'width': formatDimension(modalDimensions.width)
        });

        // .modal-content has no width specified; if we set the width on
        // .modal-content and not on .modal-dialog, .modal-dialog retains its
        // default width of 600px and that places .modal-content off center
        angular.element(
          document.querySelector('.lightbox-modal .modal-content')
        ).css({
          'height': formatDimension(modalDimensions.height)
        });
      }
function () {
        // get the window dimensions
        var windowWidth = $window.innerWidth;
        var windowHeight = $window.innerHeight;

        // calculate the max/min dimensions for the image
        var imageDimensionLimits = Lightbox.calculateImageDimensionLimits({
          'windowWidth': windowWidth,
          'windowHeight': windowHeight,
          'imageWidth': imageWidth,
          'imageHeight': imageHeight
        });

        // calculate the dimensions to display the image
        var imageDisplayDimensions = calculateImageDisplayDimensions(
          angular.extend({
            'width': imageWidth,
            'height': imageHeight,
            'minWidth': 1,
            'minHeight': 1,
            'maxWidth': 3000,
            'maxHeight': 3000,
          }, imageDimensionLimits),
          Lightbox.fullScreenMode
        );

        // calculate the dimensions of the modal container
        var modalDimensions = Lightbox.calculateModalDimensions({
          'windowWidth': windowWidth,
          'windowHeight': windowHeight,
          'imageDisplayWidth': imageDisplayDimensions.width,
          'imageDisplayHeight': imageDisplayDimensions.height
        });

        // resize the image
        element.css({
          'width': imageDisplayDimensions.width + 'px',
          'height': imageDisplayDimensions.height + 'px'
        });

        // setting the height on .modal-dialog does not expand the div with the
        // background, which is .modal-content
        angular.element(
          document.querySelector('.lightbox-modal .modal-dialog')
        ).css({
          'width': formatDimension(modalDimensions.width)
        });

        // .modal-content has no width specified; if we set the width on
        // .modal-content and not on .modal-dialog, .modal-dialog retains its
        // default width of 600px and that places .modal-content off center
        angular.element(
          document.querySelector('.lightbox-modal .modal-content')
        ).css({
          'height': formatDimension(modalDimensions.height)
        });
      }
function ( ) { // get the window dimensions var windowWidth = $window . innerWidth ; var windowHeight = $window . innerHeight ; // calculate the max/min dimensions for the image var imageDimensionLimits = Lightbox . calculateImageDimensionLimits ( { 'windowWidth' : windowWidth , 'windowHeight' : windowHeight , 'imageWidth' : imageWidth , 'imageHeight' : imageHeight } ) ; // calculate the dimensions to display the image var imageDisplayDimensions = calculateImageDisplayDimensions ( angular . extend ( { 'width' : imageWidth , 'height' : imageHeight , 'minWidth' : 1 , 'minHeight' : 1 , 'maxWidth' : 3000 , 'maxHeight' : 3000 , } , imageDimensionLimits ) , Lightbox . fullScreenMode ) ; // calculate the dimensions of the modal container var modalDimensions = Lightbox . calculateModalDimensions ( { 'windowWidth' : windowWidth , 'windowHeight' : windowHeight , 'imageDisplayWidth' : imageDisplayDimensions . width , 'imageDisplayHeight' : imageDisplayDimensions . height } ) ; // resize the image element . css ( { 'width' : imageDisplayDimensions . width + 'px' , 'height' : imageDisplayDimensions . height + 'px' } ) ; // setting the height on .modal-dialog does not expand the div with the // background, which is .modal-content angular . element ( document . querySelector ( '.lightbox-modal .modal-dialog' ) ) . css ( { 'width' : formatDimension ( modalDimensions . width ) } ) ; // .modal-content has no width specified; if we set the width on // .modal-content and not on .modal-dialog, .modal-dialog retains its // default width of 600px and that places .modal-content off center angular . element ( document . querySelector ( '.lightbox-modal .modal-content' ) ) . css ( { 'height' : formatDimension ( modalDimensions . height ) } ) ; }
resize the img element and the containing modal
resize the img element and the containing modal