当前位置：文江博客话题详情

如何在后台加载图像？

发布于 2024-11-14 20:24:35 字数 273 浏览 2 评论 0原文

问题：我正在创建一个相册。因此，每次按

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

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

PS 类似问题，但这适用于 Iphone。我需要浏览器吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枫林﹌晚霞¤ 2024-11-21 20:24:35

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

Just make a new image via javascript, and only show the image after the onload has fired. This will make sure you don't see any partial rendering of the image.

Live Demo

    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);   
    }

回复收藏 0 原文