Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.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_Image_Xmlhttprequest_Loading - Fatal编程技术网

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向头部添加更多的标签,它会按照询问者的意图工作吗?