在页面加载所有其他文件之后加载动画 gif
Load animated gif after all other files on page load
我有一个非常大的动画 gif（好几 mb！），我不想在加载 gif 之前阻止其余元素加载到页面上。你会用什么 technology/technique 来做到这一点？我不是在这里要求代码，只是为了指出正确的方向......如果它是 jQuery，或者......其他东西，也许吧？我很想知道类似的最佳做法是什么。
如果您已经在使用 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 来保持它的位置，直到调用真实图像。
我有一个非常大的动画 gif（好几 mb！），我不想在加载 gif 之前阻止其余元素加载到页面上。你会用什么 technology/technique 来做到这一点？我不是在这里要求代码，只是为了指出正确的方向......如果它是 jQuery，或者......其他东西，也许吧？我很想知道类似的最佳做法是什么。
如果您已经在使用 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 来保持它的位置，直到调用真实图像。