Une amination avec affichage d'un séquence d'images, une par une

Télécharger le projet
Commenter

Description

se script vous permit de faire annimer vous images, en fesons une sequence d'affichages, image par image, dans l'ordre que vous choisi.
Vous remarquer qu'il faut mettre vous images dans le même répertoire que votre HTML. l'HTML est au dessus.

Source / Exemple : 


<html>
 <head>
   <title> Animaition</title>
  </head>
  
  <body>
  
 <!-- afficher la 1ere image  -->        
<img src="01.jpg"  border="0" alt="Hala" height=440>
<script type="text/javascript">
<!--
 // tableau de toute la sequence
 var b = new Array();
 b[0] = new Image(); b[0].src = "02.jpg";
 b[1] = new Image(); b[1].src = "03.jpg";
 b[2] = new Image(); b[2].src = "04.jpg";
 b[3] = new Image(); b[3].src = "05.jpg";
 b[4] = new Image(); b[4].src = "06.jpg";
 b[5] = new Image(); b[5].src = "07.jpg";
 b[6] = new Image(); b[6].src = "08.jpg";
 b[7] = new Image(); b[7].src = "09.jpg";
 b[8] = new Image(); b[8].src = "10.jpg";
 b[9] = new Image(); b[9].src = "01.jpg";
 var i = 0;
 

 
 function Animation()
 {
  if(i > 9) i = 0;
  document.images[0].src = b[i].src;
  i = i + 1;
  window.setTimeout("Animation()",2000);
//On affiche chaque image pendant 2s
 }

 window.setTimeout("Animation()",2000);
 
 
 
//-->
</script>
</body></html>

Conclusion :


Pour plus d'info conntecter moi sur mon e-mail.
Vous trouvez dans le ZIP dix images d'exemple.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Guechtouli_Madani)