Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预加载,直到加载所有文件/音频_Javascript_Jquery_Html_Css_Image Preloader - Fatal编程技术网

Javascript 预加载,直到加载所有文件/音频

Javascript 预加载,直到加载所有文件/音频,javascript,jquery,html,css,image-preloader,Javascript,Jquery,Html,Css,Image Preloader,我有一些显示和播放音频的JS 然而,加载时间非常长,我将按照本教程()安装预加载程序 我看到预加载的图像出现了,但是它在整个页面加载之前就消失了。 我尝试了$(window.load&$(document.ready)之间的变化。在JS和音频播放之前,两者都不显示图像 代码: 加州圣诞树画布005 #纺纱机{ 位置:固定; 左:0px; 顶部:0px; 宽度:100%; 身高:100%; z指数:9999; 背景:url(images/Bitmap12.jpg)50%50%不重复#ede9df

我有一些显示和播放音频的JS

然而,加载时间非常长,我将按照本教程()安装预加载程序

我看到预加载的图像出现了,但是它在整个页面加载之前就消失了。 我尝试了$(window.load&$(document.ready)之间的变化。在JS和音频播放之前,两者都不显示图像

代码:


加州圣诞树画布005
#纺纱机{
位置:固定;
左:0px;
顶部:0px;
宽度:100%;
身高:100%;
z指数:9999;
背景:url(images/Bitmap12.jpg)50%50%不重复#ede9df;
}
// 
var画布、stage、exportRoot;
函数init(){
canvas=document.getElementById(“canvas”);
图像=图像| |{};
var loader=new createjs.LoadQueue(false);
installPlugin(createjs.Sound);
loader.addEventListener(“文件加载”,handleFileLoad);
加载器。添加事件列表器(“完成”,handleComplete);
loadManifest(lib.properties.manifest);
}
功能手柄文件负载(evt){
如果(evt.item.type==“image”){images[evt.item.id]=evt.result;}
}
函数handleComplete(){
exportRoot=new lib.calchristmastreecanvas005();
stage=newcreatejs.stage(画布);
stage.addChild(exportRoot);
stage.update();
stage.enableMouseOver();
createjs.Ticker.setFPS(lib.properties.fps);
createjs.Ticker.addEventListener(“勾号”,阶段);
}
功能播放声音(id,循环){
createjs.Sound.play(id,createjs.Sound.INTERRUPT_EARLY,0,0,loop);
}
调用init()函数的同时调用加载程序函数

<body onload="init();" 
都是同一个东西,但名字不同

您应该将init()从onload标记中取出,并将其放置在脚本中任何
onload
事件中的任何位置

<body onload="init();" 
$(window).load(function() {} / or window.onload = function() {}