/
main.js
95 lines (87 loc) · 2.89 KB
/
main.js
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
$(function() {
var tab = ['un', 'deux', 'trois', 'quatre']; // Noms des classes principales
var nb = 0; // Valeur de nb : un=0, deux=1, trois=2, quatre=3
var sub = 0; // Prend la valeur 0 (haut) ou 1 (bas)
$('.scroll-left').click (function() {
$('html, body').animate({scrollLeft: $('.'+tab[nb-1]).offset().left }, 'slow');
nb--;
});
$('.scroll-right').click (function() {
$('html, body').animate({scrollLeft: $('.'+tab[nb+1]).offset().left }, 'slow');
nb++;
});
$('.scroll-top').click (function() {
$('html, body').animate({scrollTop: $('.'+tab[nb]).offset().top }, 'slow');
sub = 0;
});
$('.scroll-down').click (function() {
$('html, body').animate({scrollTop: $('.sub-'+tab[nb]).offset().top }, 'slow');
sub = 1;
});
$('.scroll').click (function() {
// Si on est dans une partie
if (sub == 0) {
if (nb == 0) {
$('.scroll-left').prop('disabled', true);
$('.scroll-right').prop('disabled', false);
$('.scroll-down').prop('disabled', true);
$('.scroll-top').prop('disabled', true);
// Animation logo et icone présente sur la premiere et deuxieme page
$( ".logo" ).animate({
width: "200px",
left: "50%",
marginLeft: "-100px"
}, 700, function() {
});
}
else if (nb == 1) {
$('.scroll-left').prop('disabled', false);
$('.scroll-right').prop('disabled', false);
$('.scroll-down').prop('disabled', false);
$('.scroll-top').prop('disabled', true);
// Animation logo et icone présente sur la premiere et deuxieme page
$( ".logo" ).animate({
width: "80px",
left: "50%",
marginLeft: "-40px"
}, 700, function() {
});
}
else if (nb == 2) {
$('.scroll-left').prop('disabled', false);
$('.scroll-right').prop('disabled', false);
$('.scroll-down').prop('disabled', false);
$('.scroll-top').prop('disabled', true);
}
else {
$('.scroll-left').prop('disabled', false);
$('.scroll-right').prop('disabled', true);
$('.scroll-down').prop('disabled', true);
$('.scroll-top').prop('disabled', true);
}
}
// Si on est dans une sous partie
else {
$('.scroll-left').prop('disabled', true);
$('.scroll-right').prop('disabled', true);
$('.scroll-down').prop('disabled', true);
$('.scroll-top').prop('disabled', false);
}
});
// Initialisation des fleches
$('.scroll-left').prop('disabled', true);
$('.scroll-right').prop('disabled', false);
$('.scroll-down').prop('disabled', true);
$('.scroll-top').prop('disabled', true);
// Initialisation de la première page
$('html, body').animate({scrollTop: $('.un').offset().left }, 'slow');
$('html, body').animate({scrollLeft: $('.un').offset().left }, 'slow');
$( ".logo" ).animate({
width: "200px",
left: "50%",
marginLeft: "-100px"
}, 900, function() {});
$( ".img-1-2" ).animate({
right: "-200px"
}, 1100, function() {});
});