Diaporama en javascript

**vizweb** · 31/03/2010, 16h24

Bonjour j'ai réussi à générer un petit diaporama grâce à ce code dans les balises head (page php) :

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
<?php
 
                echo '<script language="JavaScript">
                function objet() {
                this.length = objet.arguments.length
                for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
                }
                var nom = new objet (';
                        
                        // Récupération des images
                         $rep = "Galerie/";
                         $dir = opendir($rep); 
                         $a=0;
                                while ($file = readdir($dir)) 
                                {
                                        if($file!=".." && $file!=".") 
                                        {
                                                if($a==0)
                                                {
                                                        echo '"'.$file.'"';
                                                }
                                                else
                                                {
                                                        echo ',"'.$file.'"';
                                                }
                                                $a++;
                                        }
                                }
                                closedir($dir); 
                                
                        echo ');
                        var numero = 1;
                        function changer() {
                        numero += 1;
                        if (numero == nom.length + 1) numero = 2;
                        document.imgdiapo.src = "Galerie/"+nom[numero];
                        roll=window.setTimeout(\'changer()\',3000)
                        }
                        function initial() {
                        window.clearTimeout(roll);
                        document.imgdiapo.src = "Galerie/"+nom[numero];
                        }
                        </script>';
?>

Un tableau est donc créé en récupérant le nom de chaque image présente dans mon répertoire Galerie. Pour l'affichage j'utilise :

Code :

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

<a href="" ><img src="Galerie/Desert.jpg" width="200" height="150" name="imgdiapo" onMouseOut="changer()" onMouseOver="initial()" border=0></a>

J'arrive à afficher une image différente toutes les 3 secondes et à fixer l'image lorsque la souris est dessus cependant je n'arrive pas à récupérer le nom de mon image pour créer un lien en cliquant sur l'image ( <a href= "" >), étant novice en javascript je sollicite votre aide.

Merci d'avance

**micetf** · 31/03/2010, 18h44

ET en rajoutant un id="monLien" à la balise <a>,

Code :

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

<a id="monLien" href="" ><img src="Galerie/Desert.jpg" width="200" height="150" name="imgdiapo" onMouseOut="changer()" onMouseOver="initial()" border=0></a>

puis en l'utilisant pour affecter le href lorsque la souris est sur l'image :

Code :

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

1
2
3
4
5
6
 
function initial() {
  window.clearTimeout(roll);
  document.imgdiapo.src = "Galerie/"+nom[numero];
  document.getElementById("monLien").src="Lien fabriqué avec nom[numero]";
}