$(window).load(function() {
//all resources including external are loaded
//remove loading messages and fadein presentation
});
$('#presentation img').load(function(){
//track individual image load
//you can keep a gloabl count and increment as each image load is triggered
});
对于延迟加载:
将图像位置保留为 Json,然后随时随地创建图像元素并附加到演示文稿。
编辑
上面提到的是一般方法,但是对于 nivo 滑块,看起来他们已经有了加载指示器和东西,你还在寻找什么?您想添加加载图像吗?
解释:
当关联的 html 页面完全加载到浏览器并创建相应的 DOM 时,会发生 DOM 就绪事件,此时可能无法完全加载图像等外部资源。
当包括图像在内的所有资源都已加载并且页面准备好呈现时,会发生窗口加载事件。
在 nivo 滑块中,他们使用这种样式:
.theme-default .nivoSlider img {
display: none;
left: 0;
position: absolute;
top: 0;
}
因此,现代浏览器默认不加载图像,因为它的显示是无的。window.load 将在所有图像实际加载之前触发(它们不需要显示页面,因为它们是隐藏的)