显示拇指图像，直到使用jquery加载实际图像

Question

I want to show images like google search images.like when someone click on a particular image the thumb image get load first until the actual image get loaded,when the the actual image gets loaded the thumb is replaced by the actual image.

Please help me.Any help will be greatly appreciated.

Answer 1

First you must know if you image is already loaded than you will replace it.

   $('img.mustLoad').on('load',function(){
         /* Fire your image resize  or thumb replacement code here */
    });