Плавно показать загрузку через время, но показать как будет загружен контент.

SCHNITZER · October 21, 2010

Идея такая.

Начинает грузится страница. Она спрятана {display:none;}. Через 2 секунды страница будет показана в течении полутора секунд.

На это я написал: .fadeTo(2000, 0.01); .fadeTo(1500, 1.0);.

Но также я хочу, что бы если страница успеет загрузится в течении этих 2-х секунд (в оригинале будут изображения и 5-7 секунд), то она все же появится, то же с плавным эффектом.

Вот с последним не получается, ведь с такой страницей она должна загрузится моментально, как установлено у window.onload.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<title>Untitled Page</title>
	<script src="http://code.jquery.com/jquery-latest.min.js"></script>

	<style type="text/css">
		.hov {display:none;}
	</style>

	<script type="text/javascript">
		function go() {
		if (arguments.callee.done) return;
		arguments.callee.done = true;
		$('.hov').fadeTo(10, 1.0);
		};
		window.onload = go;
	</script>
</head>
<body>
   <div align='center' class='hov'>
   <pre> 
	Буря мглою небо кроет,
	Вихри снежные крутя;
	То, как зверь, она завоет,
	То заплачет, как дитя,
	То по кровле обветшалой
	Вдруг соломой зашумит,
	То, как путник запоздалый,
	К нам в окошко застучит.
	</pre>
	</div>

	<script type="text/javascript">
		$('.hov').fadeTo(2000, 0.01);
		$('.hov').fadeTo(1500, 1.0);
	</script>
</body>
</html>

sap1ens · October 21, 2010

Перечитал раза 3, так и не понял вопроса... вы можете сформулировать по другому? =)

SCHNITZER · October 23, 2010

Тогда давайте как задумано.

Страница начинает грузится, но ничего не показывается. Страница отображается через 6.5 секунд после ее открытия.

6.5 секунд - это 5 секунд ожидания на ничего не деланье (а теперь я знаю как это сделать settimeout), + 1.5 сек анимации появления окна.

Но интересно при этом создать условие (вот в чем вопрос),что бы, если в течении этих 6.5 сек страница будет загружена, то показать (тоже с плавным эффектом) страницу раньше. Вот это и не получается.

А вообще с fade трабл, пока не могу найти решение..

Sign In

Плавно показать загрузку через время, но показать как будет загружен контент.

Question

SCHNITZER

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

sap1ens

Link to comment

Share on other sites

SCHNITZER

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information