Une amination avec affichage d'un séquence d'images, une par une
Soyez le premier à donner votre avis sur cette source.
Vue 18 506 fois - Téléchargée 1 966 fois
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.
Pour plus d'info conntecter moi sur mon e-mail.
Vous trouvez dans le ZIP dix images d'exemple.
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.
Codes Sources
A voir également
- Javascript new image
- Javascript sequence - Meilleures réponses
- Image sequence html - Meilleures réponses
- Javascript popup image - Guide
- Javascript : News ticker - CodeS SourceS - Guide
- Javascript : Une image qui vole... - CodeS SourceS - Guide
- Javascript : News viewer(style info) - CodeS SourceS - Guide
- Javascript : News défilantes - CodeS SourceS - Guide
19 févr. 2011 à 01:32
je voudrais savoir si il serait possible d'afficher ces images aléatoirement ?
12 janv. 2011 à 20:34
17 févr. 2010 à 11:52
Dsl de relancer un sujet si vieux mais je débute et je voudrais bien connaître le html et javascript, pour peut etre un jour en faire mwa meme =)))
le code que j'ai ==
--------------------------
#
# <script type="text/javascript">
# var b = new Array();
# b[0] = new Image(); b[0].src = "http://blogue.biotope.ca/wp-images/google-chrome-logo.png";
# b[1] = new Image(); b[1].src = "http://www.informanews.net/imagenews/panasonicTV_Google.jpg";
# b[2] = new Image(); b[2].src = "http://www.onlineradio.fr/wp-content/uploads/2009/09/google.jpg";
# b[3] = new Image(); b[3].src = "http://www.abondance.com/Bin/google-dollars.jpg";
# b[4] = new Image(); b[4].src = "http://blogs.lexpress.fr/e-veille-marketing/google_youtube_400q.jpg";
# b[5] = new Image(); b[5].src = "http://businessenligne.files.wordpress.com/2009/04/google1.jpg";
# b[6] = new Image(); b[6].src = "http://www.geoinweb.com/wp-content/uploads/2007/WindowsLiveWriter3/ExclusifGoogleLocationGooglepeutvousgolo_CB94/google_watching_you_independent_newspaper_24_may_20071.png";
# b[7] = new Image(); b[7].src = "http://www.seopob.com/img/logo-google-chrome.jpg";
# b[8] = new Image(); b[8].src = "http://www.alpha-geek.fr/public/eau_de_toilette_google_2.jpg";
# b[9] = new Image(); b[9].src = "http://innovationweb.branchez-vous.com/upload/2007/06/google-street-view.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);
# }
# window.setTimeout("Animation()",2000);
# </script>
-------------------------
merci a tous...
xmO
26 juin 2008 à 15:43
merci pour qui aura la réponse.
à bientôt
- Messages postés
-
274
- Date d'inscription
- jeudi 22 novembre 2007
- Statut
- Membre
- Dernière intervention
- 14 avril 2016
317 déc. 2007 à 21:22
Merci
Jacques
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.