changement d'image automatique avec timeout [Résolu]

calitom · 04/06/2007, 17h28

Bonjour,

Je souhaiterais afficher plusieurs images avec une seule...
En fait j'aimerais que le src de ma balise img change toutes les 2 secondes de manière a changer l'image toute les 2 secondes...

Comment faire?

SpaceFrog · 04/06/2007, 17h31

il doit y avoir des sript sous le nom de diashow ou diaporama dans les contributions non ?

LEK · 04/06/2007, 17h40

Grosso modo, tu pourrais écrire quelquechose dans ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
 
 
<script>
window.onload= defilImg
current_img = 0;
arrImg = ['tutu.gif','test.png','gr.jpg']
 
 
function defilImg(){
  if(current_img == arrImg.length)
  current_img = 0;
  document.getElementById('toto').src = arrImg[current_img++];
  window.setTimeout('defilImg()',1000);
}
</script>
<body>
 
<img id='toto' src='blank.gif'/>
 
</body>
</html>

A toi de gérer la mise en cache des images, etc.

calitom · 04/06/2007, 17h41

En fait mon probleme, c'est comment faire une boucle infinie sans bloquer l'execution du script...

calitom · 04/06/2007, 17h48

Merci LEK, c'est niquel!! Ca marche au poil! Merci

mentinet · 08/02/2012, 13h48

Bonjour,

En effet ce script marche au poils ! C'est super mais est-ce simple d'intégrer une transition par fondu ? Ou autre comme un slide vers la gauche/droite ?
Je recherche en fait, un système permettant un diaporama d'image simple, sans aucun bouton, contour, etc.

Merci

Bovino · 08/02/2012, 14h02

Fondu enchainé...

04/06/2007, 17h28	#1
calitom Membre confirmé Thomas Gambier Inscription : avril 2005 Messages : 807 Détails du profil Informations personnelles : Nom : Thomas Gambier Âge : 28 Localisation : France, Drôme (Rhône Alpes) Informations forums : Inscription : avril 2005 Messages : 807 Points : 243 Points : 243	changement d'image automatique avec timeout Bonjour, Je souhaiterais afficher plusieurs images avec une seule... En fait j'aimerais que le src de ma balise img change toutes les 2 secondes de manière a changer l'image toute les 2 secondes... Comment faire?
	00

04/06/2007, 17h31	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 119 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 119 Points : 45 278 Points : 45 278	il doit y avoir des sript sous le nom de diashow ou diaporama dans les contributions non ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

08/02/2012, 14h02	#7
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 810 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 810 Points : 35 781 Points : 35 781	Fondu enchainé... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

04/06/2007, 17h41	#4
calitom Membre confirmé Thomas Gambier Inscription : avril 2005 Messages : 807 Détails du profil Informations personnelles : Nom : Thomas Gambier Âge : 28 Localisation : France, Drôme (Rhône Alpes) Informations forums : Inscription : avril 2005 Messages : 807 Points : 243 Points : 243	En fait mon probleme, c'est comment faire une boucle infinie sans bloquer l'execution du script...
	00

04/06/2007, 17h48	#5
calitom Membre confirmé Thomas Gambier Inscription : avril 2005 Messages : 807 Détails du profil Informations personnelles : Nom : Thomas Gambier Âge : 28 Localisation : France, Drôme (Rhône Alpes) Informations forums : Inscription : avril 2005 Messages : 807 Points : 243 Points : 243	Merci LEK, c'est niquel!! Ca marche au poil! Merci
	00

08/02/2012, 13h48	#6
mentinet Invité de passage Inscription : octobre 2008 Messages : 3 Détails du profil Informations forums : Inscription : octobre 2008 Messages : 3 Points : 1 Points : 1	Bonjour, En effet ce script marche au poils ! C'est super mais est-ce simple d'intégrer une transition par fondu ? Ou autre comme un slide vers la gauche/droite ? Je recherche en fait, un système permettant un diaporama d'image simple, sans aucun bouton, contour, etc. Merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email