javascript - How can i Set Pre-load image on image loding from Server -

Before uploading the image to the server, I must set the spinner to load the image server, so how do I get a short spinner image

Like HTML

  & lt; Img src = "/ imge / abc1.jpg" /> & Lt; / Br & gt; & Lt; P & gt; This test text & lt; / P & gt; & Lt; Img src = "/ imge / anyname.jpg" /> & Lt; / Br & gt; & Lt; P & gt; This test text & lt; / P & gt; & Lt; Img src = "/ imge / any.jpg" /> & Lt; / Br & gt; & Lt; P & gt; This test text & lt; / P & gt; & Lt; Img src = "/ imge / allname.jpg" /> & Lt; / Br & gt; & Lt; P & gt; This test text & lt; / P & gt;  

Like the Facebook show spinner before the image load, just give me the & lt; Img & gt; Need to replace , image here is loading. So how can I set a small spinner in this way that the user can feel that the image is loading here

If you want this css by your & lt; Head & gt; Tags

  & lt; Type in style type = "text / css" & gt; IMG {Min-width: 50px; / * If 50px width * / minute-height: 50px in load.gif; / * If load.gif has 50px height * / background: url ('load.gif') no-repeater; } & Lt; / Style & gt;