Javascript 启动gif动画，直到它'；它已经满载了

我在一个网页上有一个很大的gif动画，我想在它完全加载完毕后再开始。使用JavaScript/jQuery怎么可能呢？

你可以用CSS隐藏GIF（或者用占位符替换JS），当GIF被加载时，你可以启动show（）

---

$（'img[src$=”.gif“]）.load（function（）{$（this.show（））

使用占位符图像，并在gif完全加载后将其替换为动画gif：

<img id="anim" src="placeholder.gif">

---

您无法通过javascript控制gif动画，因此您必须实施某种破解。您必须在开始时将其隐藏起来。您可以用实际图片的尺寸和文本（如“wait”）来放置div，而不是实际图片

---

在浏览器中下载图像时，您可以用图像替换div。此时动画将开始

您可以将其隐藏，直到完全加载

<!--- this uses jquery !-->

<script type="text/javascript">

  var image_url = "http://media.tumblr.com/tumblr_m4doax3R071r9c1z7.gif";

  var image = $('<img />').load(function(){

      $(this).show();

  }).attr('src', image_url).hide();

  $('body').append(image);

</script>

var image_url=”http://media.tumblr.com/tumblr_m4doax3R071r9c1z7.gif";
var image=$（'

---

这里的问题是，一旦图像被下载（即它在浏览器缓存中），似乎真的没有任何方法可以从特定帧启动它。

您不能停止/启动gif动画。您可以在加载时隐藏并显示它，或者显示静态图像（例如jpg）并在加载后将其替换为gif。可能的副本

<!--- this uses jquery !-->

<script type="text/javascript">

  var image_url = "http://media.tumblr.com/tumblr_m4doax3R071r9c1z7.gif";

  var image = $('<img />').load(function(){

      $(this).show();

  }).attr('src', image_url).hide();

  $('body').append(image);

</script>