Diaporama image pause

Bonjour à tous,
Etudiant en informatique je dois réaliser un diaporama d'image qui se déroule tout seul (toutes les 3 secondes) jusque la tout va bien j'ai réussi mais l'on doit rajouter le fait qu'un bouton pause est présent il doit mettre en pause le diaporama et changer en play pour que si l'on veut on peut reprendre le diaporama où il s'était arreter mais j'avoue que je bloque un peu pour mettre en pause le diaporama.
Pour que vous compreniez mieux je vous fourni mon code :
Page HTML :

Citation:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title> diaporama
</title>
<style type="text/css">
body{text-align:center}
</style>
<script type="text/javascript" src="exo3.js" ></script>
</head>
<body>
<div>
<h1> DIAPORAMA POISSONS </h1>
<div>
<img id="imgCourante" alt="photo affichee" src="images/poisson1.gif"/>
<script type="text/javascript">
diaporama();
</script>
<br />
<input type="image" src="images/pause.gif" onclick="pause()"/>
</div>
<div>
</div>
</div>
</body>
</html>

Fichier Javascript

Citation:

var tabImages=new Array("images/poisson1.gif","images/poisson2.gif","images/poisson3.gif","images/poisson4.gif","images/poisson4.gif","images/poisson5.gif","images/poisson6.gif","images/poisson7gif.gif","images/poisson8.gif");
var numImg=0;
var interval=3000;

function diaporama(){
window.document.getElementById('imgCourante').src=tabImages[numImg];
window.setInterval("changeImage()", interval);
}

function changeImage(){
numImg=numImg+1;
window.document.getElementById('imgCourante').src=tabImages[numImg];
if(numImg==9){
numImg=0;
window.document.getElementById('imgCourante').src=tabImages[numImg];
}
}
var click;
function pause(){
click=click+1;
do{
window.clearInterval("diaporama()");
}while(click!=2);
if(click==2){
window.setTimeOut("diaporama()", 0);
}
}

Il y a surment beaucoup d'erreurs donc n'hésitez pas voila merci d'avance pour vos solutions

Personne à de solution ?
Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var pause = 0;
function pause() {
 
pause = (pause == 0) ? 1 : 0;
 
}
 
function diaporama(){
if(pause == 1) {
window.setInterval("diaporama()", interval);
} else {
window.document.getElementById('imgCourante').src=tabImages[numImg];
window.setInterval("changeImage()", interval);
}
}
 
<input type="button" onclick="pause()" value="Pause" />

Un truc du genre :)

J'ai essayé mais sa marche pas ? ...

? ...