I would like to make my iframe fadein as soon as the visitor has loaded the website:
I have tried :
<script type="text/javascript">
$(document).ready(function () {
$('#doneimg').fadeIn("normal");
});
</script>
<span 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önnen die eingebettete Seite über den folgenden Verweis
aufrufen: <a href="../../../index.htm">SELFHTML</a></p>
</iframe>
</span>
but it does not work!
thanks for you help
here is an example: http://jsfiddle.net/zfFXr/
I have acces to the page which I am fading in!
Below seems to be working for me, jsFiddle here
ReplyDelete$(document).ready(function () {
$('#doneimg').fadeIn(3000);
});
But please note that this just fadeIn in 3 secs, doesn't wait till iframe is loaded or not.
It is fading in. If you set it to fadeIn("slow") then you will see that the iframe itself is fading in slowly (ie the borders of it) but that does not affect the loading of the page within the iframe. The code for that page fading in would have to be on that page I think.
ReplyDeleteMake an overlay layer with absolute positioning over the iframe by cloning the position and adding a larger z-index, fade it out and delete it.
ReplyDelete