4

Estou com um problema, estou tentando adicionar uma classe do animate css para dar um efeito ao terminar de carregar a pagina, mas não esta dando certo, parece que ele esta adicionando a classe antes da pagina terminar o carregamento, veja o código:

$(window).load(function(){
  $(".progresso").delay(5000).fadeOut();
  $(".preloader").delay(5000).fadeOut("slow");
  $('.bemvindo').addClass('animated bounceInDown');
})

3 Respostas 3

2

No JQuery:

$(function(){
    $(".progresso").delay(5000).fadeOut();
    $(".preloader").delay(5000).fadeOut("slow");
    $('.bemvindo').addClass('animated bounceInDown');
});

JSFIDDLE

1

Percebi que está usando o plugin http://www.jqueryscript.net/animation/Animate-Elements-In-When-They-Come-Into-View-jQuery-CSS3-Animate-It-Plugin.html

<!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>
 

0

Tente $(document).ready() ao invés de $(window).load().

1
  • não deu certo, continua sem fazer o efeito Commented 10/01/2017 às 21:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .