Bonjour,
 
Je recherche un code ou une astuce qui pourrait me permettre de modifier les coordonnées d'une image de fond en css. Ma finalité serait de pouvoir faire bouger ces coordonnées pour avoir une image mouvante dans un cadre bien précis.
 
Merci d'avance.
 
Cordialement, LowTage.

Faudrait en dire plus sur ton besoin (et nous sur une solution technique répondant à ton besoin). Pour info, avoir une animation sur une page web, à moins que celle-ci apporte de l'info, n'est pas une bonne idée car distrait le visiteur, son oeil étant constamment attiré par l'animation. Prévoir aussi un bouton "stop" pour arrêter l'animation dans el cas où le visiteur est épileptique...

Sur un de mes sites, j'ai ca :
 

 
Et pour changer l'image (sprite ou deplacer le background, tu va devoir modifier ca :
 
...style.backgroundPosition: '150px 250px'

Le backgroundPosition est vraiment pas mal, mais après il faut couper les coordonnées en deux avec un Split. Et pour enlever les 'px' il faut refaire un Split.
Mon but serait de pouvoir toucher aux coordonnées pour pouvoir ensuite en faire une image mouvante.  
---------------------------------
|    ______________________    |
|    _    =============    _    |
|    _    =                    =    _    |
|    _    =============    _    |
|    ______________________    |
---------------------------------    
 
Le cadre avec les - est un tableau en fond.  
Le cadre avec les _ est l'image qui rebondit sur les bords du tableau.
Le cadre avec les = est la partie visible de l'image. C'est en fait un <div> qui permet de ne voir qu'une partie de l'image.  
 
Je ne sais pas si j'ai été clair Ce n'est vraiment pas facile à expliquer, mais une fois qu'on a visualisé ce que ça fait, c'est plus simple. Mais étant donné que je débute en JavaScript ce n'est pas la partie précédente qui est dur mais celle ci
 
Cordialement, LowTiste.

Est-ce que ça serait pas plus simple de faire un gif animé?
 
Cela dit, t'as toujours pas exprimé ton besoin initial, seulement une solution technique

Faut arreter de reinventer la roue a chaque fois... JQueryUI gere tres bien les animations en javascript et permet un tas d'effets a moindre efforts. En primes, c'est compatible avec tous les navigateurs passes et ce sera mis a jour pour les navigateurs a venir.

Salut Fred,

on peut aussi avoir envi de faire les choses avec ses mimines parfois, et tu vas rire, on peut même dev ses ptits plugins JQ histoire d'avoir un truc opti à nos besoins spécifiques. (et dans la plupart des cas les licences des plugins permettent de travailler à partir de l'existant pr peu qu'on cite les sources ds le script)