javascript - javascript：如何连续显示 gif，避免预加载

Question

我有一个网页，我想在其中依次显示五个动画 gif；我的意思是gif2只有在gif1结束动画时才会出现并开始动画。我尝试了以下代码，但它有一个奇怪的行为，因为在 FF 和 Chrome 上，它大多数时候都按我的意愿运行，但有时 gif 会按顺序出现，但它们的动画已经结束。然而，在 IE 中，它永远不会按我的意愿运行，似乎有一个图像“预加载”功能。动画大约需要 1 秒。你能帮助我吗？谢谢

<script>
$(document).ready(function() {
$('#gif1').css('visibility','visible').hide().delay(100).fadeIn(400);
$('#gif2').css('visibility','visible').hide().delay(500).fadeIn(400);
$('#gif3').css('visibility','visible').hide().delay(1000).fadeIn(400);
$('#gif4').css('visibility','visible').hide().delay(1500).fadeIn(400);
$('#gif5').css('visibility','visible').hide().delay(2000).fadeIn(400);
});
</script>

Answer 1

也许这可以帮助：

$(document).ready(function() {
   $('#gif1').css('visibility','visible').hide().delay(1000).fadeIn(400, function() {
      $('#gif2').css('visibility','visible').hide().delay(5000).fadeIn(400);
   });
});

小提琴