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