用Fancybox缩放较小的图像

Question

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

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

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

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

谢谢！

Answer 1

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

假设你有这样的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。使用您自己的风险

Answer 2

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

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