Javascript 如何在后台加载图像?
问题:我正在制作一张专辑。所以在每一家出版社 时间“下一步”按钮我正在加载新图像。我想要实现的是,我只想在新图像从服务器完全下载后,从旧图像切换到新图像。Javascript 如何在后台加载图像?,javascript,image,xmlhttprequest,loading,Javascript,Image,Xmlhttprequest,Loading,问题:我正在制作一张专辑。所以在每一家出版社 时间“下一步”按钮我正在加载新图像。我想要实现的是,我只想在新图像从服务器完全下载后,从旧图像切换到新图像。 实际上,我不想在加载时显示部分图像。 有什么解决办法吗 PS,但这是Iphone的。我需要浏览器?您可以使用2个img标签。img1显示第一个图像,而img2隐藏,并加载下一个图像 在img2的onload事件中,您可以隐藏img1并显示img2 然后使用img1加载下一个图像,依此类推。只需通过javascript创建一个新图像,并仅
实际上,我不想在加载时显示部分图像。
有什么解决办法吗
PS,但这是Iphone的。我需要浏览器?您可以使用2个img标签。img1显示第一个图像,而img2隐藏,并加载下一个图像 在img2的
onload
事件中,您可以隐藏img1并显示img2
然后使用img1加载下一个图像,依此类推。只需通过javascript创建一个新图像,并仅在启动了
onload
后显示图像。这将确保您不会看到图像的任何部分渲染
var curImg = new Image();
curImg.src = "url to your image";
curImg.onload = function(){
// do whatever here, add it to the background, append the image ect.
imgHolder.appendChild(curImg);
}
link rel=“prerender”可能会起作用
您是否有任何正在尝试的代码?您是否正在寻找图像滑块?@Loktar:很抱歉,我无法获得任何关于该问题的线索,因此没有用于尝试的代码:(它对我有效。谢谢。我还有1个更有用的链接,这是给其他人的。请注意,至少chrome会显示“网页加载微调器”在它的界面中,直到图像被加载。作为一种解决方法,请在
窗口中包装上面的代码段。onload
。示例中的图像不再可用。@Brandt haha所以你否决了它?在小提琴中对它应用任何其他图像,答案中的代码不需要特定的图像。很抱歉,我正在寻找答案,当我转到演示不起作用,所以我认为代码不起作用。这就是为什么我投了反对票。在查看后发现它是一个糟糕的图像,并发表了评论。但在13个多小时之前,不会让我撤销反对票。希望这能帮助解释。有趣的答案,但我认为这在这种情况下不会有用。询问者需要它作为画廊。我如果您通过JS向头部添加更多的标签,它会按照询问者的意图工作吗?