1
00:00:00,000 --> 00:00:04,563
[MUSIQUE].

2
00:00:04,563 --> 00:00:09,231
Passons maintenant un peu de temps à essayer de comprendre comment Bootstrap et

3
00:00:09,231 --> 00:00:14,770
jQuery fonctionnent ensemble pour soutenir les composants JavaScript de Bootstrap.

4
00:00:16,310 --> 00:00:21,110
Comme nous l'avons compris dans le module précédent, Bootstrap a

5
00:00:21,110 --> 00:00:26,410
un certain nombre de composants Java intéressants.

6
00:00:26,410 --> 00:00:30,871
Et nous avons également appris que les composants basés sur Java de Bootstrap

7
00:00:30,871 --> 00:00:34,440
sont tous activés en utilisant jQuery comme support.

8
00:00:34,440 --> 00:00:38,160
Beaucoup de ces plugins sont écrits en jQuery.

9
00:00:38,160 --> 00:00:41,780
Leurs plugins eux-mêmes peuvent être inclus individuellement ou

10
00:00:41,780 --> 00:00:45,950
vous pouvez inclure tous les plugins ensemble comme une seule unité.

11
00:00:45,950 --> 00:00:50,350
Dans les exercices, nous avons inclus tous les

12
00:00:50,350 --> 00:00:53,815
plugins JavaScript de Bootstrap dans notre page Web.

13
00:00:55,040 --> 00:00:58,350
Nous avons également vu ce graphique dans le module précédent pour

14
00:00:58,350 --> 00:01:03,160
nous aider à comprendre la relation entre JavaScript, jQuery, et

15
00:01:03,160 --> 00:01:07,740
comment les plugins basés sur JS de Bootstrap sont implémentés.

16
00:01:07,740 --> 00:01:14,820
Nous avons donc vu que les composants JS de Bootstrap boivent dans les composants basés sur JQuery et

17
00:01:14,820 --> 00:01:18,538
nous permettent de les utiliser facilement dans notre page Web.

18
00:01:18,538 --> 00:01:25,200
Nous avons également appris que les composants basés sur Javascript de Bootstrap peuvent être utilisés

19
00:01:25,200 --> 00:01:31,010
dans votre page Web sans écrire une seule ligne de code JavaScript.

20
00:01:31,010 --> 00:01:38,860
C' est donc là que les attributs données* viennent à notre secours.

21
00:01:38,860 --> 00:01:44,133
Ainsi, vous pouvez utiliser les différents attributs que nous avons vus dans le

22
00:01:44,133 --> 00:01:50,910
module précédent pour activer de nombreux composants basés sur Javascript de notre Bootstrap.

23
00:01:50,910 --> 00:01:55,705
Dans le cas où vous voulez plus de flexibilité avec vos composants JavaScript

24
00:01:55,705 --> 00:02:00,405
, la flexibilité totale de cette API basée sur Javascript

25
00:02:00,405 --> 00:02:05,565
est disponible pour tous les composants JavaScript Bootstrap.

26
00:02:05,565 --> 00:02:10,875
Vous pouvez écrire du code en utilisant la syntaxe jQuery, puis l'utiliser

27
00:02:10,875 --> 00:02:16,025
ensemble pour contrôler les composants JS de votre Bootstrap.

28
00:02:16,025 --> 00:02:20,350
Nous allons l'explorer un peu plus en détail dans ce module.

29
00:02:20,350 --> 00:02:26,080
Avant d'aller plus loin, permettez-moi de vous donner un aperçu rapide de jQuery et de sa syntaxe afin

30
00:02:26,080 --> 00:02:32,030
que nous comprenions une partie du code que nous allons écrire dans ce module.

31
00:02:32,030 --> 00:02:33,830
jQuery est une

32
00:02:33,830 --> 00:02:39,810
bibliothèque Java très puissante et légère qui fournit un certain nombre de composants différents.

33
00:02:39,810 --> 00:02:45,100
C' est une bibliothèque riche en fonctionnalités qui permet d'écrire du code pour

34
00:02:45,100 --> 00:02:47,880
faire des manipulations HTML ou DOM.

35
00:02:47,880 --> 00:02:50,170
Il vous permet de faire de la manipulation CSS.

36
00:02:50,170 --> 00:02:50,910
Ainsi, par exemple,

37
00:02:50,910 --> 00:02:56,840
vous pouvez appliquer des classes CSS à divers éléments HTML via le code jQuery.

38
00:02:56,840 --> 00:03:00,860
Il vous permet de gérer les événements HTML,

39
00:03:00,860 --> 00:03:05,920
et lorsque ces événements se produisent, vous pouvez implémenter des méthodes qui sont exécutées

40
00:03:05,920 --> 00:03:08,565
en réponse à l'occurrence de ces événements.

41
00:03:08,565 --> 00:03:11,160
jQuery prend également en charge divers effets et

42
00:03:11,160 --> 00:03:15,410
animations qui peuvent être appliqués à vos éléments HTML.

43
00:03:15,410 --> 00:03:22,650
JQuery vous permet également d'interagir avec un serveur back-end en utilisant AJAX.

44
00:03:22,650 --> 00:03:27,390
Bien que nous ne l'explorerons pas trop en détail dans ce cours.

45
00:03:27,390 --> 00:03:31,937
Nous avons également appris que les composants JavaScript de Bootstrap

46
00:03:31,937 --> 00:03:34,310
sont construits sur jQuery.

47
00:03:34,310 --> 00:03:39,480
Ces composants utilisent la plupart des méthodes jQuery qui sont disponibles pour

48
00:03:39,480 --> 00:03:45,340
implémenter les différentes fonctionnalités que ces composants JavaScript Bootstrap prennent en charge.

49
00:03:45,340 --> 00:03:48,120
Comprenons brièvement la syntaxe jQuery.

50
00:03:48,120 --> 00:03:53,150
Maintenant, si vous avez vu une partie du code que nous avons inclus

51
00:03:53,150 --> 00:03:57,700
dans le module précédent, spécifiquement pour

52
00:03:57,700 --> 00:04:03,210
l'info-bulle, vous vous souvenez qu'il y avait quelque chose qui a commencé par un signe de dollar.

53
00:04:03,210 --> 00:04:09,780
Ainsi, la syntaxe jQuery est tout implémenté en utilisant le signe dollar.

54
00:04:09,780 --> 00:04:19,113
Le signe dollar au début d'une phrase implique que cela définit et

55
00:04:19,113 --> 00:04:26,070
accède aux plugins de bibliothèque de jQuery qui sont disponibles.

56
00:04:26,070 --> 00:04:31,070
Maintenant, chaque fois que nous utilisons le signe du dollar, vous fournissez également un sélecteur.

57
00:04:31,070 --> 00:04:34,920
Le sélecteur est utilisé pour interroger et trouver les

58
00:04:34,920 --> 00:04:40,270
éléments HTML dans votre DOM auxquels vous souhaitez appliquer cette manipulation.

59
00:04:40,270 --> 00:04:42,795
Il existe différentes façons de faire des sélections.

60
00:04:42,795 --> 00:04:46,030
Nous les regarderons dans la diapositive suivante.

61
00:04:47,550 --> 00:04:54,670
Ensuite, le troisième aspect d'une instruction jQuery est l'action que vous spécifiez.

62
00:04:54,670 --> 00:04:59,390
Maintenant que vous sélectionnez un élément HTML, quel type d'action vous voulez effectuer

63
00:04:59,390 --> 00:05:02,700
sur cet élément, donc c'est la troisième partie que vous verrez.

64
00:05:02,700 --> 00:05:09,032
Ainsi, à titre d'exemple, vous pouvez spécifier une instruction jQuery

65
00:05:09,032 --> 00:05:15,540
comme $ (« p ») dans les codes, puis .hide.

66
00:05:15,540 --> 00:05:20,268
Donc, dans ce cas, ce que cela implique est que, sélectionnez tous les éléments HTML

67
00:05:20,268 --> 00:05:24,690
qui sont les éléments de paragraphe, en

68
00:05:24,690 --> 00:05:30,440
commençant par la balise p, puis ces éléments cachent ces éléments.

69
00:05:30,440 --> 00:05:33,210
Donc, l'action à effectuer est la hauteur,

70
00:05:33,210 --> 00:05:38,150
donc cela entraînera que tous les éléments p seront cachés de votre

71
00:05:39,400 --> 00:05:43,050
DOM, et par conséquent de la page Web qui est rendue.

72
00:05:44,510 --> 00:05:49,165
De même, vous verrez plus tard nous utiliser

73
00:05:49,165 --> 00:05:53,288
une déclaration comme dire dollar,

74
00:05:53,288 --> 00:05:58,608
puis entre guillemets, #mycarousel,

75
00:05:58,608 --> 00:06:06,189
ce qui implique que vous spécifiez l'ID d'un élément HTML spécifique,

76
00:06:06,189 --> 00:06:10,970
puis spécifiez carrousel et pause.

77
00:06:10,970 --> 00:06:14,340
Nous examinerons plus de détails sur ce que cela fait réellement

78
00:06:14,340 --> 00:06:16,930
dans l'une des diapositives suivantes là-bas.

79
00:06:16,930 --> 00:06:22,870
Mais notez la structure de la syntaxe de l'instruction jQuery là-bas.

80
00:06:22,870 --> 00:06:27,040
Vous spécifiez le sélecteur, puis vous spécifiez l'action correspondante à

81
00:06:27,040 --> 00:06:32,360
effectuer sur l'élément sélectionné par ces sélecteurs.

82
00:06:32,360 --> 00:06:36,335
Jetons un coup d'oeil à l'exemple Bootstrap jQuery.

83
00:06:36,335 --> 00:06:41,490
Nous reviendrons à l'exemple précédent que nous avons vu plus tôt,

84
00:06:41,490 --> 00:06:43,410
où nous présentons l'info-bulle.

85
00:06:43,410 --> 00:06:47,480
Donc, lorsque nous introduisons l'info-bulle, nous avons spécifié le script,

86
00:06:47,480 --> 00:06:50,940
puis à l'intérieur du script, nous avons dit $ (document).

87
00:06:50,940 --> 00:06:53,800
Dans ce cas, le document désigne l'ensemble du document.

88
00:06:53,800 --> 00:06:56,510
Donc, le sélectionné ici est pour l'ensemble du document.

89
00:06:56,510 --> 00:07:01,010
Donc, pour l'ensemble du document, puis nous allons spécifier prêt.

90
00:07:01,010 --> 00:07:02,790
Prêt est l'action à prendre.

91
00:07:02,790 --> 00:07:07,760
Donc, lorsque le document est prêt, exécutez cette fonction qui est

92
00:07:07,760 --> 00:07:11,500
spécifiée comme paramètre pour cette action prête là.

93
00:07:11,500 --> 00:07:17,710
Donc, la fonction que nous avons vu être utilisée pour l'info-bulle l'a spécifiée comme $,

94
00:07:17,710 --> 00:07:23,470
puis entre parenthèses, dit-il, data-toggle= » info-bulle ».

95
00:07:23,470 --> 00:07:28,240
Maintenant, nous spécifions que sélectionner les éléments pour

96
00:07:28,240 --> 00:07:33,260
lesquels il y a un attribut avec data-toggle="tooltip ».

97
00:07:33,260 --> 00:07:38,290
Ensuite, pour les éléments qui correspondent à ces critères, effectuez cette action

98
00:07:38,290 --> 00:07:43,270
appelée activer les infobulles pour ces éléments.

99
00:07:43,270 --> 00:07:47,580
Et nous fermons la fonction là-bas.

100
00:07:47,580 --> 00:07:52,890
Donc, cela spécifie que ce script particulier

101
00:07:52,890 --> 00:07:57,640
sera activé pour les éléments pour lesquels vous avez appliqué l'info-bulle de bascule de données.

102
00:07:57,640 --> 00:08:02,840
Donc, fondamentalement, pour les éléments HTML sur lesquels vous avez défini des infobulles,

103
00:08:02,840 --> 00:08:05,770
vous voulez que l'infobulle soit activé là.

104
00:08:05,770 --> 00:08:12,800
Donc, c'est ainsi que nous interprétons cette syntaxe de cet exemple jQuery ici.

105
00:08:12,800 --> 00:08:18,340
Regardons les différentes façons de spécifier les sélecteurs.

106
00:08:18,340 --> 00:08:23,490
Donc, comme nous nous rendons compte de la syntaxe de l'instruction jQuery,

107
00:08:23,490 --> 00:08:28,240
nous suivons toujours dollar, puis, entre parenthèses, nous spécifions un sélecteur.

108
00:08:28,240 --> 00:08:32,990
Comment spécifions-nous les sélecteurs, quelles sont les différentes façons de spécifier les sélecteurs ?

109
00:08:32,990 --> 00:08:35,450
Voici quelques possibilités.

110
00:08:35,450 --> 00:08:38,900
Vous pouvez spécifier un sélecteur en spécifiant un

111
00:08:38,900 --> 00:08:41,960
élément HTML spécifique en spécifiant la balise.

112
00:08:41,960 --> 00:08:46,050
Ainsi, vous pouvez dire p, button, h4,

113
00:08:46,050 --> 00:08:50,315
h3, ou l'une des balises HTML directement.

114
00:08:50,315 --> 00:08:54,725
Et donc dans ce cas, le nom de la balise HTML est spécifié entre guillemets et

115
00:08:54,725 --> 00:08:56,475
cela formera votre sélecteur.

116
00:08:56,475 --> 00:09:00,225
Lorsque vous appliquez un sélecteur comme celui-ci, vous dites que tous les éléments qui correspondent à

117
00:09:00,225 --> 00:09:05,673
ce critère seront sélectionnés.

118
00:09:06,950 --> 00:09:11,920
Ensuite, vous pouvez également spécifier un

119
00:09:11,920 --> 00:09:16,640
élément DOM HTML spécifique en spécifiant l'ID de cet élément à l'aide du #id.

120
00:09:16,640 --> 00:09:20,990
Ainsi, par exemple, nous utilisons #myCarousel.

121
00:09:20,990 --> 00:09:26,480
Donc, dans ce cas, vous dites sélectionner cet

122
00:09:26,480 --> 00:09:31,119
élément HTML particulier pour lequel l'ID est MyCarrousel.

123
00:09:31,119 --> 00:09:36,500
C' est donc l'autre façon de sélectionner, en spécifiant un ID pour un élément.

124
00:09:37,550 --> 00:09:40,620
La troisième possibilité est de sélectionner

125
00:09:40,620 --> 00:09:44,440
des éléments par les classes qui s'y sont appliquées.

126
00:09:44,440 --> 00:09:50,180
Ainsi, par exemple, vous pouvez voir entre parenthèses si vous dites .btn,

127
00:09:50,180 --> 00:09:53,477
ce qui signifie que tous les éléments HTML DOM pour

128
00:09:53,477 --> 00:09:58,702
lesquels vous avez appliqué la classe de bouton seront sélectionnés.

129
00:09:58,702 --> 00:10:03,670
Ou vous pouvez même vous qualifier davantage en spécifiant un groupe de classes en

130
00:10:03,670 --> 00:10:08,550
disant .btn.btn-default, ce qui signifie que les éléments pour

131
00:10:08,550 --> 00:10:14,080
lesquels la classe bouton et la classe par défaut du bouton ont tous deux été appliqués.

132
00:10:15,290 --> 00:10:16,620
C' est donc une autre façon,

133
00:10:16,620 --> 00:10:19,607
en utilisant les classes qui sont appliquées à l'élément HTML.

134
00:10:20,630 --> 00:10:25,070
L' autre possibilité est de spécifier un attribut qui a été appliqué

135
00:10:25,070 --> 00:10:27,120
à l'élément HTML.

136
00:10:27,120 --> 00:10:33,150
Ainsi, par exemple, vous pouvez dire que les attributs sont spécifiés entre crochets ici.

137
00:10:33,150 --> 00:10:38,640
Ainsi, vous pouvez voir entre crochets href, et l'inclure dans la citation, ce

138
00:10:38,640 --> 00:10:44,370
qui signifie que tous les éléments HTML pour lesquels l'attribut href a été appliqué.

139
00:10:44,370 --> 00:10:47,920
De même, vous pouvez dire data-toggle="tooltip »,

140
00:10:47,920 --> 00:10:50,630
qui enregistre essentiellement tous les éléments pour

141
00:10:50,630 --> 00:10:53,745
lesquels l'attribut tooltip data-toggle a été appliqué.

142
00:10:53,745 --> 00:10:59,270
En outre, en sélectionnant l'élément courant pour

143
00:10:59,270 --> 00:11:04,900
lequel vous voulez faire quelque chose en disant $ (this).

144
00:11:04,900 --> 00:11:08,360
Donc, pour l'élément actuel qui a déjà été sélectionné, pour

145
00:11:08,360 --> 00:11:10,360
cela, faites quelque chose.

146
00:11:11,520 --> 00:11:14,900
Et beaucoup plus d'autres possibilités.

147
00:11:14,900 --> 00:11:19,760
Voici donc quelques exemples, donc vous me verrez utiliser certains d'entre eux

148
00:11:19,760 --> 00:11:23,610
dans les exemples et l'exercice qui suit.

149
00:11:24,650 --> 00:11:29,950
Non seulement cela, vous pouvez également spécifier des événements jQuery,

150
00:11:29,950 --> 00:11:34,840
des événements basés sur lesquels vous répondez.

151
00:11:34,840 --> 00:11:37,720
Ainsi, par exemple, les interactions de l'utilisateur

152
00:11:37,720 --> 00:11:42,590
avec divers éléments de votre page Web provoqueront des événements DOM.

153
00:11:42,590 --> 00:11:47,220
Ainsi, par exemple, avec une souris, l'utilisateur peut cliquer à un emplacement particulier.

154
00:11:47,220 --> 00:11:52,790
Ou double-cliquez, ou lorsque la souris entre et quitte un emplacement spécifique.

155
00:11:52,790 --> 00:11:56,880
Pour le clavier, vous pouvez répondre aux pressions sur les touches, clavier et clavier.

156
00:11:57,980 --> 00:12:01,680
Événements pour les formulaires, lorsque le formulaire est soumis,

157
00:12:01,680 --> 00:12:05,870
lorsqu'il y a un changement dans une

158
00:12:07,040 --> 00:12:13,230
valeur d'élément d'entrée particulière, et lorsqu'un élément particulier est concentré, etc.

159
00:12:13,230 --> 00:12:16,140
On peut même parler de tout le document.

160
00:12:16,140 --> 00:12:20,080
Ainsi, lors du chargement du document, lors du redimensionnement du document,

161
00:12:20,080 --> 00:12:24,920
lors du défilement ou du déchargement du document, vous pouvez répondre à ces événements.

162
00:12:24,920 --> 00:12:31,253
Ainsi, dans ce cas, les méthodes d'événement jQuery qui sont prises en charge incluent ready

163
00:12:31,253 --> 00:12:35,140
, click, dblclick, mousedown, on, et ainsi de suite.

164
00:12:35,140 --> 00:12:38,430
Donc, ce sont toutes les méthodes d'événement qui

165
00:12:38,430 --> 00:12:42,770
seront exécutées lors de l'apparition de l'un de ces événements là-bas.

166
00:12:43,850 --> 00:12:48,480
Prenons un exemple du Carrousel de Bootstrap pour voir comment le

167
00:12:48,480 --> 00:12:53,640
code JavaScript peut être écrit pour contrôler les actions du carrousel.

168
00:12:54,980 --> 00:13:01,490
Donc, pour un carrousel, vous avez déjà vu du module précédent, la taille de l'index.

169
00:13:01,490 --> 00:13:03,584
Nous avons utilisé tous ces attributs.

170
00:13:03,584 --> 00:13:08,250
Nous avons donc utilisé l'attribut data-slide="prev|next », ou

171
00:13:08,250 --> 00:13:13,780
nous avons dit data-slide-to et ensuite spécifié le numéro de diapositive spécifique,

172
00:13:13,780 --> 00:13:16,910
où il est dit data-ride+"carrousel ».

173
00:13:16,910 --> 00:13:21,570
Ensuite, nous avons spécifié l'intervalle de données, l'intervalle pour

174
00:13:21,570 --> 00:13:25,800
l'action glissante à avoir lieu.

175
00:13:25,800 --> 00:13:29,590
Donc, pour le carrousel, vous pouvez faire des choses comme,

176
00:13:29,590 --> 00:13:33,076
par exemple, vous pouvez spécifier des contrôles basés sur JavaScript.

177
00:13:33,076 --> 00:13:38,674
Vous pouvez voir $, et entre parenthèses spécifiez pour sélectionner les éléments,

178
00:13:38,674 --> 00:13:44,565
les carousels, qui sont inclus dans votre page en spécifiant .carrousel.

179
00:13:44,565 --> 00:13:50,577
Signifiant tous les éléments pour lesquels la classe carrousel a été appliquée,

180
00:13:50,577 --> 00:13:56,700
puis après que vous utilisez le .carrousel pour spécifier quelque chose.

181
00:13:56,700 --> 00:14:00,580
Donc, à titre d'exemple, vous me verrez utiliser quelque chose comme ça

182
00:14:00,580 --> 00:14:02,090
dans l'exercice qui suit.

183
00:14:02,090 --> 00:14:05,400
Nous dirons .carrousel et carrousel, et

184
00:14:05,400 --> 00:14:09,409
à l'intérieur, vous spécifieriez interval:2000,

185
00:14:09,409 --> 00:14:15,140
ce qui signifie que l'intervalle pour le glissement est de 2000 millisecondes.

186
00:14:15,140 --> 00:14:17,620
Ou deux secondes, dans ce cas.

187
00:14:17,620 --> 00:14:22,850
Ainsi, vous contrôlez ou modifiez une propriété particulière

188
00:14:22,850 --> 00:14:27,890
de l'élément JavaScript carrousel.

189
00:14:27,890 --> 00:14:32,160
Le carrousel supporte également de nombreux autres contrôles.

190
00:14:32,160 --> 00:14:35,020
Ainsi, par exemple, vous pouvez dire carrousel (« cycle »),

191
00:14:35,020 --> 00:14:38,730
ce qui signifie commencer à faire du vélo les éléments de gauche à droite.

192
00:14:38,730 --> 00:14:44,410
Vous pouvez dire carrousel ('pause'), pour mettre en pause l'action glissante du carrousel.

193
00:14:44,410 --> 00:14:48,171
Ensuite, vous pouvez dire carrousel (nombre), donc

194
00:14:48,171 --> 00:14:53,441
il fait cycles le carrousel à cet élément particulier de carrousel.

195
00:14:53,441 --> 00:14:56,370
Et puis vous pouvez dire carrousel ('prev'),

196
00:14:56,370 --> 00:15:01,710
carrousel ('next') pour aller à l'article précédent et l'article suivant dans mon carrousel.

197
00:15:01,710 --> 00:15:07,420
Ainsi, ceux-ci peuvent être invoqués directement à partir de notre code JavaScript.

198
00:15:07,420 --> 00:15:10,390
De même, lorsque l'

199
00:15:12,280 --> 00:15:17,550
élément de carrousel JavaScript est dans votre page Web, il provoque divers événements.

200
00:15:17,550 --> 00:15:20,870
Et en fonction de l'occurrence de ces événements, vous pouvez répondre.

201
00:15:20,870 --> 00:15:23,980
Ainsi, par exemple, vous pouvez dire slide.bs.carrousel.

202
00:15:23,980 --> 00:15:28,220
Cet événement particulier sera déclenché lorsque la méthode d'instance de slide est appelée.

203
00:15:29,550 --> 00:15:32,990
De même, slid.bs.carrousel signifie que

204
00:15:32,990 --> 00:15:38,460
cet événement est déclenché lorsqu'il a terminé la transition de diapositive vers l'élément suivant.

205
00:15:38,460 --> 00:15:41,880
Donc, dans votre code, vous pouvez spécifier quelque chose

206
00:15:43,370 --> 00:15:48,780
comme $ ( » #myCarousel « ) .on ('slide.bs.carousel'.

207
00:15:48,780 --> 00:15:54,110
Donc, lorsque cette action de diapositive démarre, appelez cette fonction,

208
00:15:54,110 --> 00:15:57,870
puis faites quelque chose à l'intérieur de cette fonction là.

209
00:15:57,870 --> 00:16:00,958
Donc, ce type de code peut être retourné aussi pour

210
00:16:00,958 --> 00:16:06,400
répondre aux événements qui sont causés par le comportement de votre carrousel.

211
00:16:07,490 --> 00:16:12,300
Après avoir examiné certains de ces exemples, nous allons passer à un exercice où nous

212
00:16:12,300 --> 00:16:17,460
allons réellement écrire du code basé sur JavaScript pour contrôler notre carrousel.

213
00:16:17,460 --> 00:16:23,190
Nous allons écrire du code pour inclure quelques boutons dans notre carrousel,

214
00:16:23,190 --> 00:16:28,280
qui seront utilisés pour contrôler l'action de glissement du carrousel.

215
00:16:28,280 --> 00:16:33,560
Donc, ce qui signifie que nous pouvons faire une pause et reprendre l'action glissante de notre carrousel.

216
00:16:33,560 --> 00:16:37,699
Et nous allons activer ces boutons à partir de JavaScript.

217
00:16:37,699 --> 00:16:43,799
[ MUSIQUE]