JSFiddle - React, Tailwind, and code Playground
HTML
<div id="loading">
<img src="http://logd.tw.rpi.edu/files/loading.gif" />
</div>
<div id="content">
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
<img src="bild.jpg" width="464" height="580" border="0" alt="Bild">
</p>
</iframe>
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
<img src="bild.jpg" width="464" height="580" border="0" alt="Bild">
</p>
</iframe>
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
<img src="bild.jpg" width="464" height="580" border="0" alt="Bild">
</p>
</iframe>
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
<img src="bild.jpg" width="464" height="580" border="0" alt="Bild">
</p>
</iframe>
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
<img src="bild.jpg" width="464" height="580" border="0" alt="Bild">
</p>
</iframe>
<iframe src="bild.jpg" name="Bildframe" width="300" height="200" align="left"
scrolling="yes" marginheight="0" marginwidth="0" frameborder="0">
<p>Ihr Browser kann leider keine eingebetteten Frames...
CSS
#loading { left: 250px; top: 150px;position: absolute;}
#content{ display: none;}
JavaScript
$(function(){ //DOM READY shorthand for $(document).ready()...
$('#loading').hide();
$('#content').show();
})