onload image javascript code example

Example 1: javascript on image load

window.onload = function () {

        var logo = document.getElementById('sologo');

        logo.onload = function () {
            alert ("The image has loaded!");		
        };

        setTimeout(function(){
            logo.src = 'https://edmullen.net/test/rc.jpg';         
        }, 5000);
    };

Example 2: preload images javascript

let preloadedMaps = [];
    let preloadedWorkRoutes = [];
    console.log('asdasdasdas')
    function preloadImages(preloadedMaps, preloadedWorkRoutes){
      var maps = [`${workMapDesktop}`, `${workMapMobile}`, `${playMapDesktop}`, `${playMapMobile}`];
      var workRoutes = workRoutesDesktop.concat(workRoutesMobile);
      for(let i = 0; i < workRoutes.length; i++) {
        preloadedWorkRoutes[i] = new Image();
        preloadedWorkRoutes[i].src = workRoutes[i]
      }
      for(let i = 0; i < maps.length; i++) {
        preloadedMaps[i] = new Image();
        preloadedMaps[i].src = maps[i]
      }
    }        
    preloadImages(preloadedMaps, preloadedWorkRoutes);