Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2444 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  BackgroundPosition à la vertical en Jquery

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

BackgroundPosition à la vertical en Jquery

n°2045192
Dacobah
Posté le 30-12-2010 à 16:59:06  profilanswer
 

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 !

mood
Publicité
Posté le 30-12-2010 à 16:59:06  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  BackgroundPosition à la vertical en Jquery

 

Sujets relatifs
Problème Caroussel Infinite JqueryAutocomplete JQuery
sélecteur Jquery : récupérer une valeurjQuery : problème .append() et $.each()
Problème popup JQuery changement tailleJquery Drag And Drop
MVC - PHP et Jqueryutilisation d'un champ date dans une modal "jquery"
jQuery is not definedCross slide JQUERY
Plus de sujets relatifs à : BackgroundPosition à la vertical en Jquery


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR