I'm having a problem, I'm trying to add a css animate class to give an effect when I finish loading the page, but it's not working, it looks like it's adding the class before the page finishes loading, see the code :
$(window).load(function(){
$(".progresso").delay(5000).fadeOut();
$(".preloader").delay(5000).fadeOut("slow");
$('.bemvindo').addClass('animated bounceInDown');
})
In JQuery:
$(function(){
$(".progresso").delay(5000).fadeOut();
$(".preloader").delay(5000).fadeOut("slow");
$('.bemvindo').addClass('animated bounceInDown');
});
I noticed that you are using the link
<!DOCTYPE html>
<html>
<head>
<!-- VOCE PRECISA DESSE CSS ABAIXO PRA RODAR LEGAL
Faça o download em:
http://www.jqueryscript.net/demo/Animate-Elements-In-When-They-Come-Into-View-jQuery-CSS3-Animate-It-Plugin/ -->
<link rel="stylesheet" href="css/animation.css" type="text/css">
<script>
window.onload=function()
{
$(".progresso").fadeOut("slow");
$(".preloader").fadeOut("slow");
$(".bemvindo").addClass("animated bounceInDown");
}
</script>
</head>
<body>
<div class='animatedParent'>
<div class="progresso" data-id='1'>Ordem ou progresso ...</div>
<div class="preloader" data-id='2'>Preloader Carregando etc...</div>
<div class="bemvindo" data-id='3'> Isso vai mecher na abertura da página
depois que vc tiver incluído o css do animate no head
e o script do animate q falta no fim da página.</div>
</div>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- VOCE PRECISA DESSE JAVSCRIPT ABAIXO PRA RODAR LEGAL Faça o download em:
http://www.jqueryscript.net/demo/Animate-Elements-In-When-They-Come-Into-View-jQuery-CSS3-Animate-It-Plugin/ -->
<script src='js/css3-animate-it.js'></script>
Try $(document).ready() instead of $(window).load() .