SVG Image Loading

svg_img_load.js

// SVG Masked Images
    var masked_images = document.querySelectorAll('.svg-masked-image');
    var changeHref = function(path, img_wrapper) {
      var image = img_wrapper.querySelector('svg g image');
      image.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path);
    };

    for(let i = 0; i < masked_images.length; i++) {
      let img = masked_images[i].querySelector('img');

      // Load initial image
      if( typeof img.currentSrc === 'undefined' ) changeHref( img.src, masked_images[i] );
      else changeHref( img.currentSrc, masked_images[i] );

      img.onload = function() {
        // Old browser
        if( typeof img.currentSrc === 'undefined' ) changeHref( img.src, masked_images[i] );
        // Modern browser
        else changeHref( img.currentSrc, masked_images[i] );
      };
    }