Bonjour à tous !
J'aimerais faire une petite animation avec le fond d'un div qui bouge quand la page se charge.
Alors pour le déplacement horizontal, pas de soucis ça marche.
Mais pour le déplacement vertical, aïe ! Ça coince 
Voici ce que j'ai fait pour le déplacement vers la droite :
HTML
Code :
- <div id="conteneur">
- Lorem Ipsum
- </div>
|
JAVASCRIPT (JQUERY)
Code :
- $("#conteneur" ).animate(
- {backgroundPosition:("500px 0" )},
- {duration: 1500}
- );
|
CSS
Code :
- #conteneur{
- background: #111 url("http://tinyurl.com/28fvq8l" ) no-repeat 0 0;
- height: 500px;
- color: #fff;
- padding: 10px;
- }
|
Pour le déplacement vers le bas, je pensais qu'il faudrait juste mettre dans la partie de mon Javascript : backgroundPosition: ("0 500px" )
Mais là plus rien ne bouge ?!
J'ai mis mon code à cette page pour vous aider à tester sur http://jsfiddle.net/DRg5E/4/
Merci d'avance de vos réponses !
