faire défiler image dans bandeau, random, interval, sans effet ,erreur script javascript

**loutemilou** · 23/08/2010, 14h39

Bonjour,

Pouvez vous m'aider a corriger mon code javascript?

Je fais un site internet et je voulais avoir un bandeau de photo qui change de facon automatique et aléatoire.
en clair, un espace ou les photos d'un repertoire selectionné défilerer aléatoirement ET SANS EFFET toutes les X secondes.

voici mon code javascript :

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
 
function defiler(){
	var m = compteur();
	var imagesPath = '../image/bandeau_defilant/';
	var imagesName = 'img';
	var imagesExt = 'jpg';
	var imagesNb = m;
	var randomNumber = Math.floor(Math.random() * imagesNb +1);
	document.writeln('<img class="bandeau" src="' + imagesPath + imagesName + randomNumber + '.' + imagesExt + '"\/>');
}
 
function compteur(){
	var fso = new ActiveXObject("Scripting.FileSystemObject");
	var n = 0;
	var f = fso.GetFolder('../image/bandeau_defilant/');
	var ff = new Enumerator(f.files);
	for(; !ff.atEnd(); ff.moveNext())
	n++;
 
	return n;
 
}
 
function timer(){
		defiler();
		var interval = setInterval("defiler()",3000);
	}

A savoir : si je ne lace que defiler, j'ai bien une photo choisi aléatoirement qui s'affiche et change a chaque actualisation de la page.
si je rajoute le compteur pour me mettre de pouvoir rajouter et enlever des photos du repertoire librement, rien ne s'affiche du tout !
et enfin si je rajoute la fonction timer, une première photo s'affiche puis une seconde mais dans une page blanche différente de la page courante...

merci de votre aide

**blade159** · 23/08/2010, 21h29

Bonsoir,

tout d'abords, permettez-moi une petite remarque : l'utilisation de la commande

Code :

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

var fso = new ActiveXObject("Scripting.FileSystemObject");

limite votre code à l'utilisation de Internet Explorer, ce qui est pénalisant pour les autres utilisateurs.

A mon avis, l'utilisation du PHP avec du javascript me semble une meilleure solution : le PHP permet trés facilement de parcourir un répertoire et le javascript permettrait de gérer l'affichage des photos.

**Bovino** · 23/08/2010, 22h00

Envoyé par blade159

A mon avis, l'utilisation du PHP avec du javascript me semble une meilleure solution : le PHP permet trés facilement de parcourir un répertoire et le javascript permettrait de gérer l'affichage des photos.

+1

Ceci dit, as-tu bien compris ce que tu essayes de faire ???
En particulier, avec

Code :

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

var fso = new ActiveXObject("Scripting.FileSystemObject");

à quel fileSystem crois-tu accéder ?

Parce que là, ce que tu fais, c'est essayer d'afficher des images depuis le poste de l'utilisateur

Ce qui n'est pas terrible pour un site Web. Au-delà bien sûr que ton site va immédiatement être considéré comme dangereux par les moteurs de recherche et que tu crées en fait une passoire niveau sécurité !

**loutemilou** · 24/08/2010, 16h45

okay .... je comprends...
je le ferais donc en php ... javais envie qu'il fonctionne en javascript ... ça me contrarie un peu !!! c'était surtout pour comprendre l'erreur ...

bon et pour ce qui est de l'intervalle ??? comment je dois m'y prendre? vous avez une idée ...?

je comprends que ce que je lui demande c'est d'insérer une ligne de code dans l'html à intervalle régulier ... je ne comprends pas comment cette ligne peu être prise en compte... parce qu'elle est prise en compte vu que au bout d'un intervalle une des photos du rep apparait seule sur une page blanche...

**blade159** · 24/08/2010, 23h57

Bonsoir, il ne faut pas désespérer : le PHP vous permettra de récupérer les images sur le serveur mais c'est le Javascript qui va gérer l'affichage. Voici un exemple complet :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<?php
 
$mydir = '../image/bandeau_defilant/';
$filelist=null; 
if ($dir = @opendir($mydir)) 
{
    //Parcour du dossier
    while (($file = readdir($dir)) !== false) 
    {
        if($file != ".." && $file != ".")
        {
            //Test de l'extension
            if(strtolower(substr($file,-4))==".jpg")
             {
                 $filelist[] = $file;
             }
           }
    } 
    closedir($dir);
    sort($filelist,SORT_NUMERIC);
}
 
 
    $tableau = "(";
    if(sizeof($filelist) !=0)
    {
        for ($i=0;$i<sizeof($filelist);$i++)
        {
            $tableau .=  "'".$filelist[$i]."',";
        }
    }
    $tableau = substr($tableau, 0, -1);
    $tableau .=  ")";
?>
<script>
    var chemin = "<?php echo $mydir; ?>";
    var tableau = new Array<?php echo $tableau; ?>;
    function defiler()
    {
        var randomNumber = Math.floor(Math.random() * tableau.length +1);
        document.getElementById('bandeau').innerHTML = "<img src=" + chemin + tableau[randomNumber];
    }
</script>
 
 
 
</head>
<body onload="setInterval('defiler()',1000)">
<div id='bandeau'>
 
</div>
</body>
</html>

C'est pas très propre comme code mais j'ai fait ça vite...

**loutemilou** · 29/08/2010, 02h58

petite modifs sur la fonction défiler :

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
    function defiler()
    {
        var randomNumber = Math.floor(Math.random() * tableau.length +1);
        document.getElementById('bandeau').innerHTML = "<img src=" + chemin + tableau[randomNumber]+ "></img>";
    }
</script>
 
 
 
</head>
<body onload="setInterval('defiler()',1000)">
<div id='bandeau'>
 
</div>
</body>
</html>

merci beaucoup cela marche parfaitement !!!

je suis très contente que cela fonctionne enfin !

merci !

**zap221** · 13/09/2012, 00h31

Bonjour je vous remercie pour ce script qui est vraiment très utile alors je voudrais savoir si quelqu'un pouvais m'aider a faire un effet fondu lors de l'affichage des images. Merci!

faire défiler image dans bandeau, random, interval, sans effet ,erreur script javascript

JavaScript

Discussions similaires

Partager

Partager