jQuery动画图像：假图像加载速度慢，比如互联网连接不好

对于即将到来的#互联网减速抗议活动，我想对图像进行动画处理，使它们看起来像是通过慢速互联网连接加载的

我想在jQuery中设置动画

$("img").hide().animate({height: ["toggle", "swing"]}, 3000);

“切换”效果是正确的，因为它缩小了高度。 但它应该使用之前的原始高度，并将图像从上到下加载到该“帧”中

---

测试：

如果您想这样做，只需给它一个带有

溢出：隐藏
的容器即可

<div class="SlowImgFrame">
    <img class="SlowImg" src="SlowImg.png" />
</div>

然后改为设置帧的动画：

$('.SlowImgFrame').animate({
    height:100
},3000);

你可以在动画中添加任何你想要的动画组件，但那应该会给你想要的效果。
我有个主意，为什么不在原始图片上覆盖一层白纸，因为它会随着时间的推移而消失。或者将您的img包含在div中，并将overflow设置为hidden，然后逐渐增加div的高度
$('.SlowImgFrame').animate({
    height:100
},3000);