Fermer2
dd-Le 05/06/2011 à 18:24
Bonjour

J'ai une image qui se répète en background de mon Body
body { width: 100%; height: 100%; background-image:url('fond.png');}

et j'essaie de la faire défiler en boucle comme dans les menus de jeux vidéos.

J'ai créé ce javascript :

[source=js]
<script language="javascript" type="text/javascript">

DecalX = 0 ;
DecalY = 0 ;

SpeedX = 1.2 ;
SpeedY = 0.8 ;

TailleX = 465 ;
TailleY = 465 ;

function Bouge()
{

DecalX = DecalX + SpeedX ;
DecalY = DecalY + SpeedY ;

if ( DecalX > TailleX ) { DecalX = DecalX - TailleX ; }
if ( DecalY > TailleY ) { DecalY = DecalY - TailleY ; }

window.document.body.style.backgroundPosition = SpeedX + "px " + SpeedY + "px" ;

}

setInterval("Bouge()", 100 );

</script>
[/source]

Mais ça n'a aucun effet... Dites-moi où est mon erreur svp.