Me gustaría asegurarme de que mi imagen se precargue correctamente, ya que hay un efecto svg, que solo se ve bien cuando se carga el fondo.

 function preloader() { if (document.getElementById) { document.getElementById("preload-01").style.background = "url(https://i.imgur.com/a9DM6w8.jpg) no-repeat -9999px -9999px"; } } function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(preloader);

https://codepen.io/bonobonobo/pen/WNdWbZq?editors=0100

He probado este método, pero parece ineficaz. Lo anterior es solo un fragmento, también tengo algunos otros scripts cargándose y, en general, no funciona.

¿Hay un error en mi código?