Bonjour,
J'ai récupéré un script JavaScript sur un forum, il répond un peu près à ce que j'aimerais avoir mais j'ai un peu de mal à l'adapter. Je pense qu'il aurait juste fallu changer les dimensions. Mais je n'arrive pas à l'adapter. Je débute en JavaScript, est ce que vous pourriez m'aider à comprendre ce script ? S'il vous plait 
Voici le script :
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml"><head>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
- <title>images</title>
- <style type="text/css">
- #cadre {
- position:absolute;
- background-color:#ffff00;
- margin-left: 100px;
- margin-top:100px;
- width:175px;
- height:400px;
- }
- img {
- position:absolute;
- left:0px;
- top:0px;
- }
- </style>
- <script type="text/javascript">
- var X=2, Y=2, l=0 , t=0;
- function i(n){
- return document.images[n]
- }
- window.onload=function(){setInterval(function(){
- l+=X;
- t+=Y;
- if(l<0 || l>i("im" ).width-i("fond" ).width){
- X*=-1
- }
- if(t>i("im" ).height-i("fond" ).height || t<0){
- Y*=-1
- }
- i("fond" ).style.left=l+"px";
- i("fond" ).style.top=t+"px";},10)
- }
- </script>
- </head>
- <body>
- <div id="cadre">
- <img id="fond" alt="fond" src="http://javatwist.imingo.net/sm01.gif" />
- <img id="im" alt=image src="http://javatwist.imingo.net/4.gif" />
- </div>
- </body>
- </html>
|
Voici le résultat :
http://javatwist.imingo.net/imagemouvante.htm
Ce que j'aimerais adapter c'est la taille de l'image pour par exemple mettre une image de 655*305.
Merci beaucoup de votre aide.
Cordialement, LowTage.
