Bonjour

Je travail sur une animation d'une bande des images qui defille horizontalement , j'en ai pas beaucoup de connaissance en javascript du coup j'ai trouvé des difficultés , SVP si quelqu'un à une idé comment centrer cette bande en mettrant la largeur d'affichage à 900 .
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
 
var L_T =900 ; //--// La largeur totale du table des donnés
var D_H = 100 ; //--// La Hauteur du div Afficheur
var D_V = 800; //--// La largeur du div Afficheur, Attention si vous changez cette valeur vous devez modifier (M_G) et (M_D) ci-dessous
//--// Autrement dit ici nous avons 125 + 175 = 300, Ce qui nous donne la largeur totale du div Afficheur et une marge de pause : 175 – 125 = 50 
var M_G = 125 ; //--// La marge gauche pour l’inversion à droite
var M_D =125 ; //--// La marge droite pour l’inversion à gauche
var Z_Z =- (L_T-D_V); //--// c'est la limite droite
document.write('<style type="text/css">#ho_riz{border: 0px solid #CCCCCC; '+
'background-color:#c0c0c0 ; width:'+D_V+'; height:'+D_H+'; overflow:hidden; z-index: 10}'+
'.td-vh1{BORDER-RIGHT: #c0c0c0 0px dashed; BORDER-TOP: #c0c0c0 0px dashed; BORDER-LEFT: #c0c0c0 0px dashed; BORDER-BOTTOM: #c0c0c0 0px;}'+
'.tab_vh1{font-size: 9pt; font-family: Arial; align:absolute; }</style>');
var timer;
function dr_oite() { //--// aller on va à droite
/* Pour pouvoir utiliser ce code à titre personnel ne pas supprimer les lignes du commentaire ci-dessous.
(c) : abdelaziz rejeb Elalia 7016 Tunisie 
site : http://abdelaziz.site.voila.fr 
pour tout contact: http://intersite.site.voila.fr
Le 27/03/2009
*/
S_V=1
document.getElementById("menus").style.marginLeft =Z_Z++
timer=setTimeout('dr_oite();',1);
if(Z_Z==0){clearInterval(timer);gau_che()}
}
function gau_che() { //--// et on va à gauche
S_V=2
document.getElementById("menus").style.marginLeft =Z_Z--
timer=setTimeout('gau_che();',1);
if(Z_Z==(-(L_T-D_V)+1)){clearInterval(timer),dr_oite()}
}
function sur_vol() { // réaction à la sortie du curseur
   if(S_V==2)
   {
    clearInterval(timer),gau_che();
   }
   else
   {
    clearInterval(timer),dr_oite();
   }
}
//--// Les commandes de droite à gauche
var f=0; 
function in_verseur(){
mouse_x = 0;
mouse_y = 0;
document.getElementById("ho_riz").onmousemove = position;
}
function position(evt){
if(!evt) evt = window.event;
mouse_x = evt.clientX;
mouse_y = evt.clientY;
   if(mouse_x<(f+M_G)){clearInterval(timer),dr_oite()} //--// vers la droite
   if(mouse_x>(f+M_D)){clearInterval(timer),gau_che()} //--// vers la gauche
   if(mouse_x>(f+M_G) && mouse_x<(f+M_D)){clearInterval(timer)} //--// position de pause
}
function B_TN(NUM){ //--// commandes de la barre  de défilement
    if (NUM==4){document.getElementById('ho_riz').style.overflow='auto'};
    if (NUM==5){document.getElementById('ho_riz').style.overflow='hidden'};
}
//--// position horizontale du div sur la page
function po_sit(ho_riz)
{
xhorzp =100; 
while (ho_riz.tagName != 'BODY')
{
xhorzp += ho_riz.offsetLeft;
ho_riz = ho_riz.offsetParent;
}
f=xhorzp //--// Valeur f = (le Trajet d’inversion de sens)
}