Javascript 预加载,直到加载所有文件/音频
我有一些显示和播放音频的JS 然而,加载时间非常长,我将按照本教程()安装预加载程序 我看到预加载的图像出现了,但是它在整个页面加载之前就消失了。 我尝试了$(window.load&$(document.ready)之间的变化。在JS和音频播放之前,两者都不显示图像 代码: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
加州圣诞树画布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() {}