jquery - 淡入淡出图像加载但不用于缓存

Question

我想在加载图像时在我的页面上淡入图像，但如果该图像尚未在缓存中 - 只需正常显示即可。我试过内联 html

<img onload="$(this).show(500)" />

和 css img{display:none}，但即使此图像已在缓存中，它也会触发。如何仅淡入不在缓存中的图像？

Answer 1

这应该适用于所有相关的浏览器。

在 domready 上，缓存的图像已经完成，因此未设置onload 处理程序。

$('img.fadeuncached').each(function() {
    if(!this.complete) {
        var $el = $(this);
        $el.load(function() { $el.fadeIn(500); });
    }
});