Bonjour,
pour une petite Mairie, il est nécessaire d'afficher un bandeau défilant affichant des événements ponctuels.
Ça marche pas mal avec le code suivant:
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
 
#boxe_defil 
{ 
    position:relative; 
    width:auto;
    height:20px;
	  font-family: 'alegreyablack_italic', serif;
    color:#FFF;
    font-weight:500; 
    overflow:hidden; 
	text-shadow: 2px 2px #7b4760;	
} 
#defile 
{ 
    position:absolute; 
    margin-top:-1px; 
    background-color:transparent; 
}
 
</style>
<?php
        include ("connecpdo.php") ;
                $reponse = $connexion->query('SELECT defilement FROM defilehaut');
                while ($donnees = $reponse->fetch())
                 {
                        $var = $donnees ['defilement'];
                 }
?>
<script type="text/javascript">
var defile;
var psinit = 970; // position horizontale de depart
var pscrnt = psinit;
function texteDefile()
    {
        if (!defile) defile = document.getElementById('defile');
        if (defile)
            {
                if(pscrnt < ( - defile.offsetWidth) )
                    {
                        pscrnt = psinit;
                    }
                else
                    {
                        pscrnt+= -1; // pixel par deplacement
                    }
                defile.style.left = pscrnt+"px";
            }
 
        }
setInterval("texteDefile()",30); // delai de deplacement
</script>
<div id="boxe_defil">
	<div id="defile"><?php echo "$var"; ?></div>
</div>
Mais ledéfilement est saccadé avec apparition brusque de chaque mot.
Qui aurait une idée pour améliorer le code?
Merci d'avance.