javascript - 时间 jQuery fadeTo 效果？

Question

目前我正在使用 jQueryfadeTO淡入 div。但是，我在这里有一个时间问题。我有一个动画 GIF 文件，我想用 jQueryfadeTO效果来计时。

我试图使用window.onload在页面完全加载之前不触发脚本，但是从技术上讲，它在页面加载之前不会触发脚本。根据用户的互联网连接，这可能有很好的时机或推迟时间。我想用 GIF 动画对效果进行计时，以尽可能精确地计时。这是我正在使用的当前脚本：

var $j = jQuery.noConflict();
   window.onload = function(){ 
    $j('#fadein').fadeTo(7500, 1, function() {
  });       
 };

我的问题是如何在 GIF 完全加载并在屏幕上显示后立即触发脚本？我的想法是，一旦加载了 GIF 并且脚本在 GIF 执行时启动，我可以用 GIF 计时脚本以正确淡入。

我对如何更好地安排这些时间的其他想法持开放态度。

score 0 · Accepted Answer

对 JavaScript 和动画 GIF 进行可靠的计时是不可能的。

获得任何接近的唯一方法是将各个帧作为单独的图像（如果可以的话，也可以作为精灵表），然后在 JavaScript 中手动为这些帧设置动画。

实际上，我为我制作的课程网站提供了一个示例：链接和相关的 JS 文件。

score 0 · Accepted Answer

这是加载图像后执行代码的示例。

image=new Image();
image.src="mygif.gif"
image.onload=function(){
    alert('image Loaded');
}

2 回答 2