2013-02-16 4 views
1

Точно так же, как этот - http://www.solasie.com/en/. Также я хочу, чтобы анимация загружалась каждый раз и только не в первый раз.Как запустить анимацию загрузки до загрузки страницы

Вот связанные вопросы.

Display an animation while loading a page using JQuery и

How to load animated gif before Flash load

EDIT 1

Я попытался с помощью следующего кода. Это показывает ошибку.

<html > 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<title>Page Title</title> 
</head> 
<body> 
<div id="loading"> 
<img src="counting30ll6.gif" > 
</div> 
<script type="text/javascript"> 
    $(window).load(function(){ 
    $('#loading').delay(10000).queue(function(){ $(this).hide();$(this).dequeue(); }); 
</script> 
</body> 
</html> 
+0

Пожалуйста, добавьте код, который вы уже пытались работать, так что кто-то может улучшить его. – insertusernamehere

+0

Я всего лишь новичок. Я не знаю, как закодировать этот эффект. Я хочу это узнать. – Gautham

ответ

1

Фактически эта анимация работает после загрузки страницы. Оберните весь свой анимационный код в функцию, а затем привяжите его к событию onLoad. Это создаст впечатление, которое вы хотите.

EDIT Вот немного jsfiddle, который может дать вам какое-то направление.

jsfiddle.net/gBspY/

Смежные вопросы