jquery image loader

When we create imageĀ  gallery it is better to show image loader rather than showing the blank page IĀ  have created jquery image loader.
This is the loader gif img.
Hourglass

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”>
</script>
<script>
$(document).ready(function(){
$(‘img’).hide();
$(‘img’).each( function(){
$(“<div></div>”,{
class:’loader’
}).insertBefore($(this));
$(this).load(function(){
$(this).fadeIn();
$(this).prev().remove();
});
});
});
</script>

Live example
http://nitesh-thapa.com/loader/loader.html

Leave a Reply

Your email address will not be published. Required fields are marked *