jquery - 使用 jquery 使图像在图像加载时淡入

Question

我有一个充满图像的页面，我希望每个图像在加载时淡入。我有以下代码，它可以工作，但似乎有问题，基本上有时并非所有图像都会淡入。

有人对如何改进这一点有任何建议吗？

谢谢

$('.contentwrap img').hide().load(function () {
    $(this).fadeIn(1000);
});

Answer 1

sometimes not all the image fade in.

是的，这通常是一个相当基本的问题:某些图像在为它们分配加载事件处理程序之前就完成了加载。当图像被缓存时，这种情况尤其可能发生。

不幸的是，如果图像位于 HTML 中，唯一可靠的方法是包含一个(极其丑陋的)内联 onload 属性:

<img src="..." alt="..." onload="$(this).fadeIn();">