title: Image reload causes flicker only in firefox
body: <p>I'm creating a website which streams real time data images from a remote system and displays them on the website. These images change at the remote site every 5 seconds and hence we auto reload/refresh these images.
   <strong>PROBLEM</strong> : The image refresh takes place correctly &amp; smoothly on IE and chrome, but in Firefox every auto refresh causes a flicker. This is unwanted behavior. How do I fix this? 
  <strong>PS</strong> I am using joomla articles within which I embed the required javascript</p>
  
  <pre><code>     &lt;center&gt;  
       &lt;img id="pic" src="images/CB1.jpeg" border="0" width="700" height="700"/&gt;&lt;/center&gt;
       &lt;script language="javascript" type = "text/javascript"&gt;
        function refresh() 
         {         
        document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();
         }
        window.onload=function(){
        setInterval(function(){refresh()}, 5000 ); 
        }
       &lt;/script&gt;
  </code></pre>
  
  <p>This is script is embedded in joomla articles. The image is around 300~350 KB.</p>