-1
Как я могу показать загрузчик при загрузке страницыCSS/JS Дисплей загрузчика при загрузке страницы
Я думаю, что функция JS является
onload="myFunction()"
Работа CSS погрузчик: http://jsfiddle.net/33zch/60/
A
ответ
1
Нечто подобное :
<script type="text/javascript">
$(window).load(function() {
$(".hoja").fadeOut("slow");
})
</script>
1
Добавить onload функцию в JavaScript на body, которая будет делать логику сокрытия загрузчика
//html
<body onload='hideLoader()'>
<div id='loader' class="hoja">Loading...</div>
</body>
//js
window.hideLoader = function(){
var loader = document.getElementById('loader');
loader.style.display='none';
}
Fiddle: http://jsfiddle.net/33zch/61/
Fiddle с использованием SetTimeout, чтобы показать эффект: http://jsfiddle.net/33zch/63/ (благодаря Moob)
+0
Страница загружается, чтобы быстро увидеть загрузчика. Может быть, поместите часть hideloader вашего примера в 'setTimeout', чтобы мы могли увидеть эффект? http://jsfiddle.net/33zch/63/ – Moob
+0
Да, я думал о том, что делать, но что, если OP наклеил код непосредственно на ее производственный код. Поэтому этого не делал. Будет добавлена ваша ссылка с объяснением –
0
Попробуйте
window.onload = function(){
document.getElementsByClassName('hoja')[0].style.opacity = '0';
}
OR
window.onload = function(){
document.getElementsByClassName('hoja')[0].style.display = 'none';
}
Работа JSFiddle
Ого, я вижу, вы действительно старались;) Если добавить OnLoad погрузчик изображение будет показывать только один раз на странице ** ** уже загруженным (и, таким образом, инициировавшего OnLoad мероприятие). Вместо этого вы должны иметь загрузчик, отображаемый по умолчанию, и * remove * его после загрузки DOM. Пример: http://www.w3schools.com/howto/howto_css_loader.asp – Moob