在页面加载后加载所有其他文件后的动画gif

Question

我有一个相当大的动画gif（几个mb！），我不想在加载gif之前在页面上加载剩下的其他元素。你会用什么技术/技术来做这件事？我不是在这里要求代码，只是为了指向正确的方向......如果它是jQuery，或者......其他的东西，也许？我很想知道最佳做法是什么样的。

Answer 1

如果您已经在使用jQuery，那很简单： HTML：

<img id='the_image' style='width:100px;height:200px' src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'>

使用Javascript：

$(function() {
    $('#the_image').attr('src','http://example.com/image.gif');
});

我使用的默认src只是一个非常简单的内联透明gif，用于保持它的位置直到调用真实图像。

演示： http://jsfiddle.net/trex005/cmkLn87L/