fadeIn para el logotipo

sergi_multimedia · #1 (**permalink**) 22/08/2012, 12:09

Hola gente, me gustaría que al cargar la página web el logotipo apareciera como un fadeIn.

Aquí os muestro el código que tengo.

Código HTML:

Ver original<header></header>

Código CSS:

Ver originalheader {
    width: 100px;
    margin: 20px auto;
    height: 100px;
    background: url(../images/logo-prat-basses2.png) no-repeat;
}

Esto lo meto antes del cierre de la etiqueta <body>:

Código Javascript:

Ver original<script>
        $(document).ready(function () {
          $("header").fadeIn(5000);
        }); 
 </script>

Dentro de la etiqueta <head> he introducido <script src="http://code.jquery.com/jquery-latest.js"></script>

Porqué no se ejecuta?

Gracias de antemano ;)

garciasanchezdani · #2 (**permalink**) 22/08/2012, 14:38

Hola sergi_multimedia

Prueba a añadir display:none al header

Código CSS:

Ver originalheader {
   display:none;
}

Así, puede que salga lo que quieres...
Es que, con el código que has posteado, estás haciendo un fadeIn sobre el header, y el header ya estaba siendo mostrado...no sé si me entiendes...
Saludos, Daniel

sergi_multimedia · #3 (**permalink**) 22/08/2012, 16:16

Cita:

Iniciado por garciasanchezdani

Hola sergi_multimedia

Prueba a añadir display:none al header

Código CSS:

Ver originalheader {
   display:none;
}

Así, puede que salga lo que quieres...
Es que, con el código que has posteado, estás haciendo un fadeIn sobre el header, y el header ya estaba siendo mostrado...no sé si me entiendes...
Saludos, Daniel

Entiendo lo que me comentas, he puesto lo que me has dicho y funciona de maravilla.

Muchas gracias!!!