Preload images

imageload.js

// @link http://jsfiddle.net/andyshora/5YVNN/
// @link http://andyshora.com/css-image-container-padding-hack.html
$(document).ready(function() {
    // when the image has loaded
    $('.image').load(function() {
        // remove loading class from the wrapper
         $(this).parent('.image-wrapper--loading').removeClass('image-wrapper--loading');
    });
    
    var imagePath = 'http://andyshora.com/assets/img/pages/grumpy-cat.jpg';
    
    // delaying the loading of the image so you can see the loading state
    $('.load-image').click(function() {
     $('.image').attr('src', imagePath + '?' + Math.random());
    });
    
});