Lazy Load Images

lazyloadimages.js

// <a href="product.html" data-lazy-image="product.jpg" data-lazy-image-alt="The Product"></a>
;(function($) {

    $('*[data-lazy-image]').each(function() {
        var alt = $(this).attr('data-lazy-image-alt') === undefined ? '' : 'alt="'+$(this).attr('data-lazy-image-alt')+'"';
        $(this).append($('<img src="'+$(this).attr('data-lazy-image')+'" '+alt+'" />'));
    });

}(jQuery));