Les carousels

Le dossier à télécharger contenant les exemples de cette section est nommé 05-Images-02.

1. Un carousel simple CARROUSELS:Simple

Pour ce premier exemple, nous allons créer un carousel qui va permettre un défilement automatique des images. Voici la structure de cet exemple :

<div id="venise" class="carousel slide" data-ride="carousel"> 
        <div class="carousel-inner"> 
                <div class="carousel-item active"> 
                        <img class="d-block w-100" 
src="dorsoduro-01.jpg" alt="Dorsoduro"> 
                </div> 
                <div class="carousel-item"> 
                        <img class="d-block w-100" 
src="dorsoduro-02.jpg" alt="Dorsoduro"> 
                </div> 
                <div class="carousel-item"> 
                        <img class="d-block w-100" 
src="dorsoduro-03.jpg" alt="Dorsoduro"> 
         ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les figures
Suivant
L’objectif