jquery - 使用 Fancybox 缩放较小的图像

Question

我想知道是否有一种简单的方法可以在fancyBox（2.0.6）容器中缩放较小的图像。

现在，当我有高分辨率图像时，我的页面可以正常工作，fancybox 会缩放到视口。

我想要做的是如果有一个小图像（比如 200x300 像素），我想调整该图像的大小以适应视口。我知道它的质量会下降，但我仍然希望它扩大规模。

这可以做到吗？我在 fancyBox API 中找不到任何东西可以做到这一点，也没有插件。

谢谢！

Answer 1

为了保持纵横比我修改了上面

afterShow: function(){
 wh = $(window).height()/this.height;
 ww = $(window).width()/this.width;
 if (wh<ww)
 {
         this.height = this.height*wh;
         this.width = this.width*wh;
 }
 else
 {
         this.height = this.height*ww;
         this.width = this.width*ww;
 }
}

Answer 2

这是可行的，但过渡看起来真的很奇怪（因为不是正常的工作方式，而是迫使高档）

假设你有这个 html：

<a class="fancy" href="images/01.jpg">open small image and upscale</a>

你可以试试这个脚本：

$(document).ready(function(){
 $(".fancy").fancybox({
  afterShow: function(){
   this.height = $(window).height();
   this.width = 'auto'
  }
 }); // fancybox
});//ready

PS。使用风险自负