BackgroundPosition à la vertical en Jquery

BackgroundPosition à la vertical en Jquery - HTML/CSS - Programmation

Marsh Posté le 30-12-2010 à 16:59:06    

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 :o
 
Voici ce que j'ai fait pour le déplacement vers la droite :
 
HTML
 

Code :
  1. <div id="conteneur">
  2.     Lorem Ipsum
  3. </div>


 
JAVASCRIPT (JQUERY)
 

Code :
  1. $("#conteneur" ).animate(
  2.     {backgroundPosition:("500px 0" )},
  3.     {duration: 1500}
  4. );


 
CSS
 

Code :
  1. #conteneur{
  2.     background: #111 url("http://tinyurl.com/28fvq8l" ) no-repeat 0 0;
  3.     height: 500px;
  4.     color: #fff;
  5.     padding: 10px;
  6. }


 
 
 
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 !

Reply

Marsh Posté le 30-12-2010 à 16:59:06   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed