<script type="text/javascript">
$(document).ready(function(){
$('img').load(function(){
$(this).next().hide();
$(this).fadeIn(1500);
});
for(var i=0;i<$('img').length;i++){
$('img').eq(i).attr("src",$('img').eq(i).attr('name'));
};
});
</script>
<body>
<img name="test.jpg" alt="test"/>
<span class="loading>loading...</span>
</body>