loadImage.js 766 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import { getWindow } from 'ssr-window';
  2. import $ from '../../shared/dom.js';
  3. export default function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {
  4. const window = getWindow();
  5. let image;
  6. function onReady() {
  7. if (callback) callback();
  8. }
  9. const isPicture = $(imageEl).parent('picture')[0];
  10. if (!isPicture && (!imageEl.complete || !checkForComplete)) {
  11. if (src) {
  12. image = new window.Image();
  13. image.onload = onReady;
  14. image.onerror = onReady;
  15. if (sizes) {
  16. image.sizes = sizes;
  17. }
  18. if (srcset) {
  19. image.srcset = srcset;
  20. }
  21. if (src) {
  22. image.src = src;
  23. }
  24. } else {
  25. onReady();
  26. }
  27. } else {
  28. // image already loaded...
  29. onReady();
  30. }
  31. }