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

我有一个充满图像的页面,我希望每个图像在加载时淡入.我有以下代码可以工作,但似乎有问题,基本上有时不是所有的图像淡入.

有没有人有任何建议如何改善这一点.

谢谢

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

解决方法

sometimes not all the image fade in.

是的,这通常是一个相当基本的问题：一些图像在为它们分配加载事件处理程序之前完成加载.当图像被缓存时,这尤其可能.

如果图像是在HTML中,遗憾的是,唯一可靠的方法是包含(非常难看的)内联onload属性：

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