public - function to load large images

replace-images.js

	// Function to background load images and swap out their source.
	function replaceImageSrc() {
		jQuery('svg image').each(function(){
			var el = jQuery(this);

			// Get the new href.
			var href = el.attr('xlink:href');
			href = href.replace( 'assets_small', 'assets_large' );
			href = href.replace( '-s.', '-l.' );

			// Create an image.
			var curImg = new Image();
			curImg.src = href;
			curImg.onload = function(){
				// do whatever here, add it to the background, append the image ect.
				// imgHolder.appendChild(curImg);   
				el.attr( 'xlink:href', href );
				console.log( href );
			}
			
			
		});
	}
	document.addEventListener('DOMContentLoaded', replaceImageSrc );