javascript preload images

Yemster answered on January 14, 2022 Popularity 9/10 Helpfulness 8/10

answer javascript preload images

javascript preload images

Comment

/* 
  Standards friendly image preloading
  Generates `<link rel="preload" as="image" href="important_image.png">`
  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);

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: javascript preload

Link to this answer
Share Copy Link

Contributed on Jan 14 2022

Yemster

0 Answers Avg Quality 2/10

javascript preload images

Contents

More Related Answers

javascript preload images

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.