Sujet Précédent Sujet Suivant

Besoin d'aide pour un javascript....

eexell -  
 PhP -
Voici un script pour un diaporama photo...le diaporama commence dès l'ouverture de la page et tourne en boucle.
Je voudrais savoir ce que je dois modifier ou rajouter pour qu'il ne démarre pas tout seul, mais qu'on soit obligé de clicker sur la première image pour démarrer l'animation. ET aussi ce qu'il faut faire pour qu'il ne tourne pas en boucle mais s'arrête a la dernière image....
Merci d'avance
xl
============================================
<html>
<head>

<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 3;
var Pix = new Array
("photos/peep1.jpg"
,"photos/peep2.jpg"
,"photos/peep3.jpg"
,"photos/peep4.jpg"
,"photos/peep5.jpg"
,"photos/peep6.jpg"
,"photos/peep7.jpg"
,"photos/peep8.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</head>

<body bgcolor="#000000" text="#ffffff" link="#000000" vlink="#000000" alink="#000000" onload="startPix()"><br>
<br>
<br>

<center><img name="ChangingPix" src="mon_image_01.jpg"></center>

</body>

</html>

2 réponses

Réponse 1 / 2
eexell
 
up
0
Réponse 2 / 2
PhP
 
Salut XL

Voici le script modifié (sans erreur j'espère :) )

<html>
<head>

<SCRIPT LANGUAGE="JavaScript">
<!--
var start=false;
var timeDelay = 3;
var Pix = new Array
("photos/peep1.jpg"
,"photos/peep2.jpg"
,"photos/peep3.jpg"
,"photos/peep4.jpg"
,"photos/peep5.jpg"
,"photos/peep6.jpg"
,"photos/peep7.jpg"
,"photos/peep8.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
if (!start)
{
setTimeout("slideshow()", timeDelay);
start=true; // Evite de relancer startPix si l'utilisateur clic pls fois
}
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum < howMany) {
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
if ((PicCurrentNum+1) < howMany) setTimeout("slideshow()", timeDelay);
}
}
// End -->
</script>
</head>

<body bgcolor="#000000" text="#ffffff" link="#000000" vlink="#000000" alink="#000000" onload="startPix()"><br>
<br>
<br>

<center><img name="ChangingPix" src="mon_image_01.jpg" onclick="startPix() "></center>

</body>

</html>

Voilà ca devrait suffire

@+

Philippe
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
afficher un tableau JS en HTML
jibouz12 -
jibouz12 -

3 réponses
A javaScript error occurred in the main process
loubal70 -
pab -

9 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses