Bonjour a tous & a toutes

J'essaie de développer une galerie d'image simple, qui ouvre un dossier,référencie le nombre de fichier a l'intérieur du dossier (a l'aide du php) dans une variable($countFile), puis je transfère le contenu de cette variable dans mon JS a l'aide un Array.
Les boutons suivant/précédent augment ou baisse la valeur de cette variable qui commence a 1 initialement.
voici le code :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="galerie">
	<?php
function browse ($pDirectory, $pExtension)
{
    if($handle = opendir($pDirectory))
    {
         while(false !== ($file = readdir($handle)))
        {
            $getExt = explode(".", $file);
            $countExt = count($getExt);
            $fExt = $countExt - 1;
            $myExt = $getExt[$fExt];
            
            if (($myExt == $pExtension) && ($file != ".") && ($file != ".."))
                {$files[] = $file;}
        }
     }
 return $files;
closedir($handle);
}
 
 
// utilisation de la fonction avec des fichiers .jpg
$getFile = browse("tatouages/", "jpg");
 
$countFile = count($getFile);
 
$image = 1;
echo '
<script type="text/javascript">
var image = new Array("'.$image.'");
</script>'; 
 
if ($image == 1) {
    echo '
                <img src="tatouages/tatoo'.$image.'.jpg" alt="Tatouages sur mesure Sharp Lines" /><br />
                <img src="galerie/galerie1.jpg" alt="Galerie photo création design tatouages" />
                <img src="galerie/galerie22.jpg" alt="Galerie photo création design tatouages" />
                <a href="#" onclick="image++;" onMouseover="Permut(1,\'img2\');" onMouseout="Permut(0,\'img2\');">
                <img src="galerie/galerie3.jpg" border="0" name="img2" onload="preloadPermut(this,\'galerie/galerie33.jpg\');" ></a>
                <img type="inline" src="galerie/galerie4.jpg" alt="Galerie photo création design tatouages" /><br />';
    }
        
        elseif ($image < $countFile) {
    echo '
                <img src="tatouages/tatoo'.$image.'.jpg" alt="Tatouages sur mesure Sharp Lines" /><br />
                <img src="galerie/galerie1.jpg" alt="Galerie photo création design tatouages" />
                <a href="#" onclick="image--;" onMouseover="Permut(1,\'img1\');" onMouseout="Permut(0,\'img1\');">
                <img src="galerie/galerie2.jpg" border="0" name="img1" onload="preloadPermut(this,\'galerie/galerie22.jpg\');" ></a>
                <a href="#" onclick="image++;" onMouseover="Permut(1,\'img2\');" onMouseout="Permut(0,\'img2\');">
                <img src="galerie/galerie3.jpg" border="0" name="img2" onload="preloadPermut(this,\'galerie/galerie33.jpg\');" ></a>
                <img type="inline" src="galerie/galerie4.jpg" alt="Galerie photo création design tatouages" /><br />';
    }
        
        elseif ($image >= $countFile) {
    echo '
                <img src="tatouages/tatoo'.$image.'.jpg" alt="Tatouages sur mesure Sharp Lines" /><br />
                <img src="galerie/galerie1.jpg" alt="Galerie photo création design tatouages" />
                <a href="#" onclick="image--;" onMouseover="Permut(1,\'img1\');" onMouseout="Permut(0,\'img1\');">
                <img src="galerie/galerie2.jpg" border="0" name="img1" onload="preloadPermut(this,\'galerie/galerie22.jpg\');" ></a>
                <img src="galerie/galerie33.jpg" alt="Galerie photo création design tatouages" />
                <img type="inline" src="galerie/galerie4.jpg" alt="Galerie photo création design tatouages" /><br />';
    }
        
        else {
    echo "<div class=\"centre\">Une erreur est survenue, veuillez actualiser la page.</div>";
    }
 
 
?> 
	</div>
Si vous avez besoin de plus de précisions,demandez-moi

merci de votre aide