如何在背景中加载图像

Question

问题：我正在创建一个相册。所以在的每一次按压中

时间"下一步"按钮我正在加载新的图像。我想要实现的是，只有在新图像从服务器上完全下载后，我才能从旧图像切换到新图像。

事实上，我不想在加载时显示部分图像。
有什么解决办法吗？

PS类似的问题，但这是给Iphone的。我需要浏览器吗？

Answer 1

只需通过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);   
    }

Answer 2

您可以使用2个img标签。img1显示第一个图像，而img2是隐藏的，并加载下一个图像。

在img2的onload事件中，可以隐藏img1，并显示img2。

并用img1加载下一个图像，依此类推。

Answer 3

link rel="prerender"可能会起作用。

http://www.catswhocode.com/blog/mastering-html5-prefetching