2016-09-23 137 views
0

我制作了一个脚本,其中提供的图像列表将全部加载,像它应该那样工作。现在这是我的主要问题:PreloadJS - 预加载并追加

如果我想使用这个让我们说我想要所有项目图像,网站背景等组合网站。预加载和附加图像到他们在html中的地方,是否有一些解决方案已经在preloadjs中,还是我不得不说让我们去整个页面,获取图像源并追加到它们中的每一个?是否有可能结合可能预加载你在CSS中使用的一些资产,或者我问不可能或很难做到?如果任何一种情况都是可能的,那么您不必向我发送代码,只需按照步骤操作即可(但代码不会伤害到我)。

也许我只是不明白究竟是什么preloadjs是,我真的不能找到例子,这将是对我有用的,所以我问这里,也许有人愿意帮我:)

感谢。

回答

0

PreloadJS会为您加载资产,以便按照您的要求进行操作。

  • 图像,音频,CSS和其他类型的预装,并提供了这样你就可以做你想做/需要
  • 脚本被附加到页面正文什么引用自动

看一看在附带PreloadJS的样本,告诉你怎样的内容,可以装载和使用:https://github.com/CreateJS/PreloadJS/

简单的例子:

var queue = new createjs.LoadQueue(); 
queue.on("complete", handleComplete); 
queue.loadManifest([ 
    {src:"image.png", id:"image"}, 
    {src:"script.js", id:"script"} 
]); 
function handleComplete(event) { 
    // Put the image into the body. 
    document.body.appendChild(queue.getResult("image")); 
} 

希望能提供一些帮助。 PreloadJS假设了一些使用JavaScript中的资产和DOM的知识。

+0

谢谢。所以,如果我现在想为网站预先加载所有图片,我必须首先将它们的路径放入清单中,然后加载它们并将它们附加到它们应该在的位置?我可以看到这真的很有用,让我们说一些网页游戏,你通常与JS一起工作很多,但是我不认为它很适合为网站加载资源......我试过jquery html5 loader,但它没有有我想要的加载进度,但这个脚本确实对网站来说实际上更好,至少在我看来。请纠正我,如果我错了:)再次感谢您 – Mil

+0

如果您使用标记加载,您可以按原样布局您的网站,图像应该从缓存中拉出。主要的挑战是确保您的预载代码获取图像,而不是DOM。 – Lanny