2012-01-18 21 views
2

こんにちは私はページに私のiframeを退色しています: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> 

が、問題があった場合は、ページのロードどの要素 がそうページの長さが非常に小さく、通りではないようにということですすぐにフレームが徐々に増加し始めたので、

どのようにページの長さを変更することはできませんが、彼は開始から一定していますか?

答えて

2

まず、display: none;visibility: hiddenに変更します

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

はその後アニメーションopacity

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

(通常showfadeIn表示を使用しているので、彼ら意志ではない "仕事"もう)

Live test case