Прелоадер в IFrame приложении
Может кому пригодится
В HTML есть два слоя - первый открыт (id="load"), другой должен быть скрыт (id="content"). Потом, когда контент в скрытом слое (id="content") загрузится, то должна произвестись замена - невидимый (id="content") становится видимым, а видимый (id="load") - невидимым. Замена производится на JavaScript.
Скрипт
<script type="text/javascript">
var check_preload;
function preload_page() {
if(check_preload) {
document.getElementById("content").style.visibility = "visible";
document.getElementById("load").style.visibility = "hidden";
}
}
</script>
HTML код
<body onload="preload_page()">
<div id="load" align="center" style="position:absolute; z-index:5; top:50%; left:45%; vertical-align:middle">
<span style="font-family:tahoma, Verdana, Arial, sans-serif; color:#666666; font-size:12px">Загрузка </span>
<img src="http://vk.com/images/upload.gif" border="0"/>
</div>
<div id="content" style="visibility:hidden;">
Содержание страницы
</div>
<script type="text/javascript">
check_preload=1;
</script>
</body>
Вот и все...
Комментарии:
Нету комментариев для вывода...