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.