Modifier le css background-image avec Javascript

[LowTiste]

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, LowTiste.

[SpaceFrog]

Code :

.style.backgroundPosition

de manière plus générale les propriété css se transcrivent en javascript en supprimant le tiret et en mettant la lettre suivant en Majuscule

Background-image => backgroundImage

Il a quelques rares exception comme float => cssFloat

[NoSmoking]

Bonjour,

Code :

1
2
// CSS background-position: top left ;
Element.style.backgroundPosition = valeur +'px';

<edit>lent, trop lent</edit>

[LowTiste]

Merci Avec le backgroundPosition je me frotte à un autre problème : je dois mettre deux valeurs (ordonnée et abscisse) or je veux les récupérer séparément pour pouvoir faire des calculs dessus. Il me faut donc une fonction qui me compte le nombre de caractères et qui me renvoie juste les chiffres. J'ai pensé aux expressions régulières, mais c'est assez casse-dent, il n'y aurait pas un autre moyen ?

Cordialement, LowTiste.

[nadox]

Bonjour,
Ne serais-t-il pas plus simple d'utiliser une div avec

Code css :

overflow:hidden;position:relative;

contenant une autre div avec

Code css :

position:absolute;background-image:url('monimage');

et jouer sur la position de la div intérieure ?

[SpaceFrog]

tu peux faire un split ...