如何在jQuery中使用animate（）增加图像相对于页面大小的大小？

因此，相对于图像的原始大小，这增加了图像的大小：

$('img:first').fadeIn('normal').delay(500).animate({'height':'+=20%'}, 1500, 'easeOutQuad');

我如何增加它，比如说80%的用户窗口（如果用户有800px分辨率的监视器或1680px分辨率的监视器，这应该可以工作）

此外，如何在页面中“居中”图像。因此，增加到80%并居中

谢谢。

这是一个开始

$('img:first').fadeIn('normal').delay(500).animate({
    'width': $(window).width() * .8,
    'height': $(window).height() * .8
}, 1500, 'easeOutQuad');

---

但它可能会弄乱图像的纵横比。要正确地执行此操作，您必须获得图像的尺寸，并计算出在不改变纵横比的情况下，什么比例将产生所需的边距。这需要更多的代码。

我忘了提到。。。您可能还需要在容器上设置position:fixed（或至少position:absolute）。这将允许您通过设置顶部和左侧使图像居中。