Open Source Your Knowledge, Become a Contributor
Technology knowledge has to be shared and made accessible for free. Join the movement.
Pourquoi Javascript est toujours aussi utilisé
Support de cours à lancer
Testez vos connaissances !
Le composant électronique qui est à la base de la logique des ordinateur est ?
Open Source Your Knowledge: become a Contributor and help others learn. Create New Content
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
// Variables globales
let compteur = 0 // Compteur qui permettra de savoir sur quelle slide nous sommes
let timer, elements, slides, slideWidth
// window.onload = () => {
// On récupère le conteneur principal du diaporama
const diapo = document.querySelector(".diapo")
// On récupère le conteneur de tous les éléments
elements = document.querySelector(".elements")
// On récupère un tableau contenant la liste des diapos
slides = Array.from(elements.children)
// On récupère les deux flèches
let next = document.querySelector("#nav-droite")
let prev = document.querySelector("#nav-gauche")
// On calcule la largeur visible du diaporama
slideWidth = diapo.getBoundingClientRect().width
// On met en place les écouteurs d'évènements sur les flèches
next.addEventListener("click", slideNext)
prev.addEventListener("click", slidePrev)
// Automatiser le diaporama
timer = setInterval(slideNext, 4000)
Enter to Rename, Shift+Enter to Preview
1
<!DOCTYPE html>
Enter to Rename, Shift+Enter to Preview
1
/* propriété "position: relative" sur le diaporama et retirer les éléments qui "dépassent" */
Enter to Rename, Shift+Enter to Preview