javascript - 将小图像拉伸到窗口

Question

如何通过 Fancybox 将图像完全拉伸到窗口？（Fancybox 2）fancybox 的长度与图像大小一样大，但不会更远。

我注意到许多 CSS 限制卡在 fancybox css 中，例如：

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

取出max-width/height并设置让我们说width/height拉伸200%图像，但包含矩形本身（即：fancybox）的大小相同，并且不再居中。

我正在使用内联方法，例如：jQuery(".fancybox").fancybox()

Answer 1

i-pretty-much-gives-up-except-for-some-cool-but-useless-stuff 方法：

.fancybox({
 afterLoad  : function () {
  function gcd (x, y) {while (y != 0) {var z = x % y; x = y; y = z;} return x}
  var body = $(document.body)
  if (this.width/this.height > 1) {
   // Max size is document body width.
   var body_width = body.width()
   var current_multiplier = gcd (this.width, body_width)
   if (current_multiplier == 1) current_multiplier = body_width
  } else {
   // Max size is document body height.
   var body_height = body.height()
   var current_multiplier = gcd (this.height, body_height)
   if (current_multiplier == 1) current_multiplier = body_height
  }
  this.width  = this.width  * current_multiplier
  this.height = this.height * current_multiplier
 }
})