我用它来延迟我的图像的加载:
HTML:
<img src="loading.gif" delayedSrc="url/to/real/image.png" />
jQuery:
image.attr('src', currentImage.attr('delayedSrc'));
现在加载完成后,如果希望它淡入,而不是仅仅从 loading.gif 切换到真实图像。我试过:
image.attr('src', currentImage.attr('delayedSrc')).load(function() {
image.hide().fadeIn(1000);
}
如果图像尚未缓存(加载 iamge 节目,然后真实图像淡入),这可以正常工作。但是,问题是,如果图像已经被缓存,它们会在页面加载时显示(没有显示加载图像),然后被隐藏并再次淡入,看起来很丑..
我该如何解决这个问题?我的想法可能是检查图像是否已被缓存,并且只有在没有缓存的情况下才进行淡入淡出......毕竟淡化只是在加载图像和真实图像之间获得更柔和的过渡所必需的。但我该如何检查呢?还是有更好的解决方案?