JS: Lazy Load Background Images

JS: Lazy Load Background Images

// Requires imagesLoaded.js
// https://github.com/desandro/imagesloaded

$('html').imagesLoaded( function() {
	var mobileWidth = 600;
	var i = 0;
	var selector = '';
	var bgUrl = '';

	if ( $(window).width() > mobileWidth ) {
		selector = 'll-bg';
	} else {
		selector = 'll-bg-mobile';
	}

	// Return all background with ll-bg attribute.
	var llBackgrounds = $('*').filter( function() {
		return $(this).data( selector ) !== undefined;
	});

	console.log(llBackgrounds);

	llBackgrounds.each(function(index) {
		bgUrl = '';
		bgUrl = "url('" + $(this).attr('data-' +  selector) + "')";
		$(this).css('background-image', bgUrl);
	});
});