Salut,
Essaie ceci, c'est ce que j'ai trouvé en tapant ta recherche :
Ou tu peux utiliser ce plugin qui à l'air plus simple à utiliser en jquery : http://stephen.band/jparallax/
Et il me semble que ça s'appelle le zoom sur l'effet parallaxe
J'espère que ça t'aidera, si ta besoin d'aide, n'hésite pas.
Essaie ceci, c'est ce que j'ai trouvé en tapant ta recherche :
Code :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
background-color:gray;
background:url(le_fond.png);
}
</style>
<script>
function bg(elem,sens,vitesse){
elem=="body" ? this.elem=document.body : this.elem=document.getElementById(elem)
this.sens=sens;
this.vitesse=vitesse;
var that=this;
document.documentElement.addEventListener("mousemove",function(event){that.mv(event)},false);
}
bg.prototype.mv = function(s){
var dde=(navigator.vendor) ? document.body : document.documentElement;
var setX = this.sens=="gauche" ? -(s.clientX + dde.scrollLeft) : s.clientX + dde.scrollLeft;
this.elem.style.backgroundPosition=(setX/this.vitesse)+'px 0px';
}
function init(){
new bg("body","gauche",4);
}
window.addEventListener("load",init,false);
</script>
</head>
<body>
</body>
</html>
Ou tu peux utiliser ce plugin qui à l'air plus simple à utiliser en jquery : http://stephen.band/jparallax/
Et il me semble que ça s'appelle le zoom sur l'effet parallaxe
J'espère que ça t'aidera, si ta besoin d'aide, n'hésite pas.