<!doctype html> <html> <head> <style> body {background-color:#9899f3;} #TheDivImage {max-width: 300px; max-height: 300px;} </style> <title>JavaScript Animation</title> <script type="text/javascript"> var imgObj = null; function init(){ imgObj = document.getElementById('myImage'); imgObj.style.position= 'relative'; imgObj.style.left = '0px'; } function moveRight(){ imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px'; } window.onload =init; </script> </head> <body> <div id="TheDivImage"> <img id="myImage" src="images/peluche-lapin-300x300.jpg" width="100%" /> </div> <form> <p>Cliquer sur le bouton pour déplacer l'image sur la droite</p> <input type="button" value="Clique Moi" onclick="moveRight();" /> </form> </body> </html>