Les carousels

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

Les fichiers des trois exemples sont nommés index1.html, index2.html et index3.html.

1. Un carousel simple CAROUSELS:Simple

Pour ce premier exemple (index1.html), 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-bs-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"> 
        </div> ...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les figures
Suivant
L’objectif