en el <head>
Código HTML:
<script>
$(document).ready(function(){
$("preload_img").each(function(){
$(this).hide();
$(this).load(function(){
$(this).width($(this).parent().width()).height($(this).parent().height());
$(this).fadeIn("slow");
});
});
});
</script>
<style type="text/css">
.div {
background-image:url('images/loading.gif');
background-repeat:no-repeat; background-position:center center;
}
.div img {width:inherit; height:inherit;}
</style>
en el <body>
Código HTML:
<div> <img class="preload_img" src="tuImagen.jpg"> </div>