Onclick CSS alternative
Right now im using css to create an onclick image change. The problem is on my website when i use it, there is a pause for the image to load. I was wondering if there is a javascript or jquery alternative that doesnt require for the image to be loaded when i click it, making it white in the back for a few seconds after i click it until it loads.

Right now this is what im using.[Example Here][1]


    <input type="submit" class="create" style="font: 24px Arial, Helvetica, sans-serif; width: 681px;" value="CREATE ">
    ​
    .create {
        margin: 0 auto;
        height: 62px;
        width: 681px;
        color:#FFF;
        background-image:url(http://i.imgur.com/tWGcy.jpg);
        outline: 0;
        border: 0;
        margin-top: 7px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .create:active {
        margin: 0 auto;
        height: 62px;
        width: 681px;
        color:#FFF;
        background-image:url(http://i.imgur.com/r9d3C.jpg);
        outline: 0;
        border: 0;
        margin-top: 7px;
        font-size: 40px;
        font-family: Arial, Helvetica, sans-serif;
    }​

  [1]: http://jsfiddle.net/NXEKb/

Onclick CSS alternative
===

Right now im using css to create an onclick image change. The problem is on my website when i use it, there is a pause for the image to load. I was wondering if there is a javascript or jquery alternative that doesnt require for the image to be loaded when i click it, making it white in the back for a few seconds after i click it until it loads.

Right now this is what im using.[Example Here][1]


    <input type="submit" class="create" style="font: 24px Arial, Helvetica, sans-serif; width: 681px;" value="CREATE ">
    ​
    .create {
        margin: 0 auto;
        height: 62px;
        width: 681px;
        color:#FFF;
        background-image:url(http://i.imgur.com/tWGcy.jpg);
        outline: 0;
        border: 0;
        margin-top: 7px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .create:active {
        margin: 0 auto;
        height: 62px;
        width: 681px;
        color:#FFF;
        background-image:url(http://i.imgur.com/r9d3C.jpg);
        outline: 0;
        border: 0;
        margin-top: 7px;
        font-size: 40px;
        font-family: Arial, Helvetica, sans-serif;
    }​

  [1]: http://jsfiddle.net/NXEKb/
