目前我正在使用jQuery fadeTO
来淡入div。不过我在这里有一个小问题。我有一个动画GIF文件,我想与jQuery fadeTO
效果时间。
我尝试使用window.onload
在页面完全加载之前不会触发脚本,但是从技术上讲,它在页面加载之前不会触发脚本。根据用户的互联网连接,这可以有良好的时间或关闭时间。我想用GIF动画计算效果,以尽可能精确地计时。这是我正在使用的当前脚本:
var $j = jQuery.noConflict();
window.onload = function(){
$j('#fadein').fadeTo(7500, 1, function() {
});
};
我的问题是,如果GIF完全加载并在屏幕上显示,我该如何解雇脚本?我的想法是,一旦GIF加载并且脚本在GIF启动时启动我可以使用GIF对脚本进行正确淡入。
我对如何更好地计时这些问题持开放态度。
答案 0 :(得分:0)
无法对JavaScript和动画GIF进行可靠的计时。
获得任何接近的唯一方法是将各个帧作为单独的图像(如果可以,可以作为精灵表),然后在JavaScript中手动设置帧。
我实际上已经为我制作的课程网站提供了一个示例:link和the relevant JS file。
答案 1 :(得分:0)
以下是在加载图像后执行代码的示例。
image=new Image();
image.src="mygif.gif"
image.onload=function(){
alert('image Loaded');
}