Home/ Questions/Q 3992002
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T06:42:52+00:00

I have an image, out.jpg , that is updated more or less every second.

  • 0

I have an image, out.jpg, that is updated more or less every second. I want the image displayed in an HTML file, and always up to date. My original solution was to reload the image every half second. This worked fine, but the image would flicker white for a second while it was loading.

Any solutions?

What I tried to do to fix this was to load the image into a separate hidden <img> tag, and then load it into the visible <img> tag, and let it open it from the cache, eliminating the flickering. This worked part of the time, but often the out.jpg would have changed from the time the hidden tag loaded it and the visible tag loaded it… causing more flickering.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    how are you loading the image?

    probably some preload technique is what you need. you can create an image in jquery and bind the load() event to it. only when that event fires do you swap the img.src of the image in the html

    http://api.jquery.com/load-event/

    • 0