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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
var tableauImage = new Array("image01.jpg","image02.jpg","image03.jpg","image04.jpg");
var tabTxt = new Array("img1", "img2", "img3", "img4");
// Temps d'attente entre 2 images
var attente = "3000";
// Variables du slider
var vitesse = 1;
var temps;
var positionFin, conteneur, sens;
var tempsTexte;
var texte;
// Ajout des images dans la div conteneur
function creationSlide()
{
var i;
var imageSlide;
var divSlide;
var conteneur = document.getElementById("conteneur");
for (i=1; i<tableauImage.length; i++)
{
// Creation du conteneur image
divSlide = document.createElement("div");
divSlide.className = "cellule";
divSlide.id = "cellule"+i;
divSlide.objetCellule = divSlide;
// Creation de l'image
imageSlide = document.createElement("img");
imageSlide.src = tableauImage[i];
imageSlide.className = "image";
// Ajout de l'image dans la div
divSlide.appendChild(imageSlide);
// Ajout du div dans le div conteneur
conteneur.appendChild(divSlide);
}
temps = setTimeout("calculDistance()",attente);
}
// Fonction pour calculer la distance du slide et le sens
function calculDistance()
{
// Distante totale parcourue par le slide
var distance;
conteneur = document.getElementById("conteneur");
distance = conteneur.scrollHeight / tableauImage.length;
// Affectation de la variable sens pour pouvoir le faire repartir si il arrive au bout
if (conteneur.scrollTop + distance >=conteneur.scrollHeight)
{
sens = -1;
}
if (conteneur.scrollTop<distance)
{
sens = 1;
}
positionFin = conteneur.scrollTop + sens * distance;
temps = setTimeout("defilementImage()", vitesse);
}
// Défilement des images
function defilementImage()
{
conteneur.scrollTop = conteneur.scrollTop + sens * 2;
defilementTexte();
// Si le slide arrive au bout, il repart dans l'autre sens
if (sens == 1)
{
if (conteneur.scrollTop<positionFin)
{
temps = setTimeout("defilementImage()", vitesse);
}
else
{
temps = setTimeout("calculDistance()",attente);
}
}
// Le slide repart dans l'autre sens plus rapidement
else
{
if (conteneur.scrollTop>positionFin)
{
temps = setTimeout("defilementImage()", vitesse);
}
else
{
temps = setTimeout("calculDistance()", attente);
}
}
}
// Fonction défilement du texte
function defilementTexte()
{
texte = document.getElementById("texte");
tempsTexte = setTimeout("defilementTexte2()", vitesse);
//console.log(texte);
}
function defilementTexte2()
{
//texte.scrollRight = texte.scrollRight + 1 * 2;
texte.style.left = texte.style.left + 100 + "px";
} |
