JQuery loading image

Question

Is there any way to show a loading image while loading a image?

are you talking about the same image, or show another image while one is loading? — TStamper
– TStamper, Commented Jun 8, 2009 at 19:45
so you want a "loading" picture to show until real image fully loaded? — TStamper
– TStamper, Commented Jun 8, 2009 at 19:50

Matt · Accepted Answer · 2009-06-08 19:52:42Z

1

The easiest way would be to set a background image with css on the img element (or the containing element) - no javascript needed (you will, of course, need to set dimensions on the img tag)

If you want to ensure the image isnt displayed until fully loaded you can use this technique.

edited Jun 8, 2009 at 19:52

answered Jun 8, 2009 at 19:46

Matt

2,90220 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Peter Over a year ago

That would not be 100% good solution as a modem user might see the image loading from top to bottom.

Matt Over a year ago

To overcome that, you would need to preload the image with javascript and then replace it. Theres an example here: jqueryfordesigners.com/image-loading

Collectives™ on Stack Overflow

JQuery loading image

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related