Javascript 在JQuery动画中获取像素的所有图像

我使用Jquery动画使一张图片增长并更改其顶部，当我使用更改高度和宽度时，所有图片都被像素化，直到动画停止。 这个问题有解决办法吗

$( "#"+id+"" ).animate({
        top: -261,
        opacity:1,
        width:251,
        height:180
    }, 500, function() {
    });

您可以在此处看到问题：

---

按下Jordan的第一张图片。

图像的尺寸（以像素为单位）是多少？我添加了JSFIDLE LINK只是一个想法。有两个图像：一个小的和一个大的。将大图像放置在红色区域中，并显示“不透明度：0”。然后放大小图像，直到它与大图像大小相同。最后，快速淡出小图像，淡入大图像。