IFrame вопрос длина замирание страницы

Question

Привет, так что я выцветание моего IFRAME на страницу:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$("#doneimg").fadeIn(500); 
});//]]> 
</script> 

<div style="display: none;" id="doneimg"> 
     <iframe src="http://om-p.com" width="90%" height="400" name="SELFHTML_in_a_box"> 
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: 
Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis 
aufrufen: <a href="../../../index.htm">SELFHTML</a></p> 
</iframe> 
    </div> 

но проблема в том, что страница загружается как если бы не было элемент поэтому длина страницы очень мала и, как как только рамка начала исчезать.

Так как я могу сделать страницу не меняющей ее длины, а ее постоянным?

Answer 1

Во-первых, изменить display: none; к visibility: hidden:

<div style="visibility: hidden;" id="doneimg"> 

Затем анимировать opacity:

$("#doneimg").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0}, 500); 

(Так как обычный show и fadeIn используют дисплей они не будут "работать" больше)

Live test case.