Discussion :

[modobo]

Bonjour,

Je cherche à ajouter un effet parallax sur une image possédant un background en CSS. Cet effet dit que l'image bouge en fonction du mouvement de la souris, via modification du positionnement du background.

Le code suivant fonctionne, et fait bouger l'image horizontalement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$("body").mousemove(function(event){
	$(".elementpicto1").css({ 
		backgroundPosition: (event.clientX * 0.15) + 'px 0px'
   });
});

Or, je souhaite également qu'elle bouge verticalement, j'essaie donc le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$("body").mousemove(function(event){
	$(".elementpicto1").css({ 
		backgroundPosition: (event.clientX * 0.15) + 'px' + (event.clientX * 0.15) 'px'
   });
});

Mais cela ne fonctionne pas...
Comment faire ?

Merci

[Bovino]

Avec une syntaxe plus rigoureuse, ça devrait fonctionner...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

backgroundPosition: (event.clientX * 0.15) + 'px ' + (event.clientX * 0.15) + 'px'

[modobo]

Merci pour ta réponse.
Oui... Mais comment avoir une syntaxe plus rigoureuse ?

[Bovino]

En copiant collant la ligne que j'ai pris la peine de corriger...

[modobo]

Effectivement... Merci !