Sujet Précédent Sujet Suivant

Défilement d'images

Résolu
cs_bolbo Messages postés 16 Date d'inscription jeudi 5 février 2004 Statut Membre Dernière intervention 25 avril 2006 - 9 nov. 2004 à 15:05
cs_bolbo Messages postés 16 Date d'inscription jeudi 5 février 2004 Statut Membre Dernière intervention 25 avril 2006 - 10 nov. 2004 à 12:46
Bonjour,

Je susi en train d'écrire un code pour changer automatiquement une image à intervales définis. je veu pouvoir stocker les images dans un tableau, du moins leur nom, ainsi que la durée d'affichage de chaque image.

Pour le moment j'arrive à afficher mes images, mais je n'arrive pas à faire une boucle qui permette dechanger tout le temps.

/**********************************************
***************Initialisation******************
**********************************************/

var nb_img=4; //on declare que on aura 4 images

nom = new Array(nb_img);

for (i=0; i<nb_img; i++)
{
//On initialise le tableau à deux dimensions pour chaque ligne
nom[i] = new Array(2);
}

//nom[x][0]: première colone de la ligne x ==> nom de l'image
//nom[x][1]; deuxieme champs de la ligne x ==> durée

nom[0][0]="diapo/0.jpeg"; nom[0][1]="5000";
nom[1][0]="diapo/1.jpeg"; nom[1][1]="1000";
nom[2][0]="diapo/2.jpeg"; nom[2][1]="1000";
nom[3][0]="diapo/3.jpeg"; nom[3][1]="3000";

/**********************************************
***************parcours******************
**********************************************/

var PicCurrentNum = 0; //image courante à afficher
var PicCurrent = new Image();

function compteur()
{

if (PicCurrentNum == nb_img)
{
PicCurrentNum = 0;
}

PicCurrent.src = nom[PicCurrentNum][0];
document["ChangingPix"].src = PicCurrent.src;

delay=getTimeDelay(PicCurrentNum);

setInterval("slideshow()", delay);
PicCurrentNum++;

}

function getTimeDelay(cur)
{
delay=nom[cur][1];
return delay;
}

function slideshow()
{

PicCurrent.src = nom[PicCurrentNum][0];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->

Merci

Bolbo

2 réponses

Réponse 1 / 2
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
10 nov. 2004 à 11:59
après quelques toutes
petites modifs ... 
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

<script type="text/javascript">
function compteur()
{	if (PicCurrentNum >= nb_img) 
{PicCurrentNum = 0;}
ChangingPix.src =nom[PicCurrentNum][0];
slideshow();
PicCurrentNum++;	}
function getTimeDelay(cur)
{	delay=nom[cur][1];
return delay;	}
function slideshow() 
{	PicCurrent.src = nom[PicCurrentNum][0];
ChangingPix.src = PicCurrent.src;

window.status=	ChangingPix.src;

setTimeout("compteur();", getTimeDelay(PicCurrentNum));	}

var nb_img=4; //on declare que on aura 4 images
nom = new Array(nb_img); 
for (i=0; i<nb_img; i++)
{nom[i] = new Array(2); }
nom[0][0]="diapo/0.jpeg"; nom[0][1]="5000";
nom[1][0]="diapo/1.jpeg"; nom[1][1]="1000";
nom[2][0]="diapo/2.jpeg"; nom[2][1]="1000";
nom[3][0]="diapo/3.jpeg"; nom[3][1]="3000";
var PicCurrentNum = 0; //image courante à afficher
var PicCurrent = new Image();
compteur();
</script>
</HTML>

Cordialement Bul. [Site] [[mailto:marcel.Bultez@Tiscali.fr Mail]]
3
Réponse 2 / 2
cs_bolbo Messages postés 16 Date d'inscription jeudi 5 février 2004 Statut Membre Dernière intervention 25 avril 2006
10 nov. 2004 à 12:46
Oki!

Merci beaucoup, ca marche nickel .

C sympa

Bolbo
0

Discussions similaires

Défilement automatique d'une page
cs_scls19fr -
DevDeb -

19 réponses
Je voudre faire defiler (tourner)les image en boucle
cs_Miss1 -
bamohamed -

2 réponses
defilement automatique pdf en boucle
archerdu38 -
jordane45 -

3 réponses
Défilement d'image Automatique
cs_thomas1014 -
XelectroX -

6 réponses
Faire défiler des images avec un délai de 1 seconde
mailliam -
Mouckson -

3 réponses
Rejoignez-nous