📜  javascript 预加载图像 - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:02:44.188000             🧑  作者: Mango

代码示例1
/* 
  Standards friendly image preloading
  Generates ``
  Ref: https://web.dev/preload-responsive-images/#preload-overview
*/
 
function preloadImages(images) {
  for (i = 0; i < images.length; i++) {
    let l = document.createElement('link')
    l.rel = 'preload'
    l.as = 'image'
    l.href = images[i]
    document.head.appendChild(l)
  }
}

// Usage:
imageUrlHeap = ['http://example.com/test/img-1.jpg','http://example.com/test/img-2.jpg','http://example.com/test/img-3.jpg'];
preloadImages(imageUrlHeap);