Question

我正在一个主页有旋转横幅的网站上工作。加载页面时，将执行AJAX请求以检索其余横幅（每个横幅都有960像素宽的图像）。我玩弄了加载所有横幅HTML的正常加载页面的想法，但网站的目标受众并不总是保证是一个炽热的连接，我希望主页快速加载。另外，我不想要冲突的H1标签。相关网页是http://www.gosihanoukville.com/

的目标网页

如果您的连接速度较慢，横幅将在背景图像加载完成之前加载并开始移动（旋转）。我想知道在脚本开始移动横幅之前是否有办法检测图像是否已完全下载。

我不在这里包含代码，因为它最好在上面提到的网站上看到。使用的JS文件是'landing.js'

感谢您的帮助 - 这让我发疯了。

Answer 1

我通常会这样做：

var imagesToLoad = [];
var imagesLoaded = 0;

// Register this handler using whatever framework you like
var whenImageLoaded = function(){
  if (++imagesLoaded == imagesToLoad.length){
    // Start moving the banners.
  }
}

如何检测何时完全下载加载AJAX的图像？

1 个答案: