docs: 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)
          });
        }