Show the loader upto loading the background image for a div in jQuery

Question

I set a background image for a div. But, I want to show the loader up to loading a background image for a <div/> in jQuery.

Refer: http://stackoverflow.com/questions/4635388/how-to-display-loading-image-while-actual-image-is-downloading and http://network.convergenceservices.in/forum/51-jquery-and-ajax/1865-showing-loader-while-images-are-loading-using-simple-jquery.html — Insane Skull, Jan 29 '16 at 07:05
you should mention what you tried so far and also search about your problem before asking, there are many possible duplicates of this question already — Deepanshu Goyal, Jan 29 '16 at 07:27

score 2 · Answer 1 · answered Jan 29 '16 at 07:16

2

Try like this:

$(document).ready(function(){
  $('#imgLoader').show();
  $('#imgMain').load(function(){
    $('imgLoader').hide();
  });
});

Here imgLoader is the image which you want to show when the main image (imgMain) is loading.

answered Jan 29 '16 at 07:16

Sumanta736

score 0 · Answer 2 · answered Jan 29 '16 at 07:00

0

You can load an image with jQuery using the load function.

for example:

$("<img src='pathtoimg/img.jpg'>").load(function(){
    //any code in here will run after the image has successfully loaded.
});

answered Jan 29 '16 at 07:00

Leggy

i want show a loader befor the background image is getting load. – kalles Jan 29 '16 at 07:01

2 Answers2