Question

问题：我正在制作一张专辑。所以每次按下

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

实际上我不想在加载时显示部分图像。
有没有解决方案？

PS SIMILAR QUESTION但这适用于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 =＆＃34; prerender＆＃34;可能会做到这一点。

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

如何在后台加载图片？

3 个答案: