Effet jquery fadeIn
Résolu
Bonjour,
Je n'arrive pas à faire l'effet fadeIn sur le logo de mon site. Pire, le logo n'est pas présent.
Voici la partie html:
Voici la partie css:
Voici la partie jquery:
Si j'enlève le display:none dans la partie html, le logo est affiché mais je n'ai pas l'effet escompté.
Merci d'avance pour votre aide
Je n'arrive pas à faire l'effet fadeIn sur le logo de mon site. Pire, le logo n'est pas présent.
Voici la partie html:
<div id="logo" style="display:none;"> <!-- ici c'est le logo--> </div>
Voici la partie css:
#logo{
position: relative;
width:1024px;
height:200px;
border: 1px solid yellow; /* ----Repère----*/
background-image: url("../images/img_miroir_logo.png");
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
z-index: 8;
}
Voici la partie jquery:
jquery(document).ready(function(){
$('#logo').fadeIn("slow");
});
Si j'enlève le display:none dans la partie html, le logo est affiché mais je n'ai pas l'effet escompté.
Merci d'avance pour votre aide
Configuration: Windows XP Firefox 3.5.7
4 réponses
-
quelqu'un peut m'aider??
Je m'arrache les cheveux!!!! je ne comprend pas le problème.
Merci pour votre aide -
1) Sous quel navigateur fais tu les essais
2) Peux tu faire voir le code complet, qu'on essaye en local sur nos pc pour t'aider ?
3) Si tu enleves le display none et que tu essayes avec un fadeOut() ; qu'est ce que ca dit ? -
Pourquoi ne pas mettre "display:none;" dans le CSS ?
Bizarre quand même, avec ça, ça fonctionne : http://paste.pocoo.org/show/163721/ -
Bonjour,
Merci pour ton lien, c'est bon.
C'est le plugin qui me manquait.
Un grand merci
