title: How to stop the iframes from blinking?
body: <p>I have a html page in which i have a <strong>div</strong>. Inside the div there is an <strong>iframe</strong>,</p>
  
  <pre><code>&lt;div id="div1"&gt;
  &lt;iframe id="biframe" src="" allowtransparency="true" application="yes" &gt;
  &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In javascript function I'm changing the src of the iframe dynamically.</p>
  
  <pre><code> window.frames['biframe'].document.location.href="105.htm";
   $('div1').style.display="block";
  </code></pre>
  
  <p>The above 2 lines will be called in a button click, the div will be displayed and the iframe will be loaded.</p>
  
  <p><strong>Problem :</strong> When the button is clicked the iframe blinks before getting displayed properly. The flash occurs for a very short time, but very irritating when I'm going to display different source in each button click. For now I have 5 buttons.</p>
  
  <p><strong>Solution Tried :</strong> I tried with the below solution given in some forum,</p>
  
  <pre><code>&lt;iframe src="..." style="visibility:hidden;" onload="this.style.visibility='visible';"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>...but didn't work.</p>
  
  <p>Please suggest a good solution to end this problem.</p>
  
  <p>Note : JQuery/any JS library cant be used in this page (I'm not allowed to).  </p>