<p>Pour éditer ce slide d'images, basculez l'affichage en mode code source puis remplacez les noms des images par les vôtres en respectant les chemins d'accès.</p>
<div id="swiper" class="swiper-container swiper-container-horizontal">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-active"><a href="site/file/source/galerie/space/cosmos.jpg" target="_blank" data-lity rel="noopener"><img title="Cosmos" src="site/file/source/galerie/space/cosmos.jpg" /></a>
            <div class="swiper-text">Le cosmos</div>
        </div>
        <div class="swiper-slide swiper-slide-active"><a href="site/file/source/galerie/space/nebula.jpg" target="_blank" data-lity rel="noopener"><img title="Nebula" src="site/file/source/galerie/space/nebula.jpg" /></a>
            <div class="swiper-text">Une nébuleuse</div>
        </div>
        <!-- copiez collez ce dernier élément pour ajouter des images, remplacez les valeurs en majuscules par les vôtres.
        L'hyperlien sur l'image et la légende ne sont pas obligatoires    
        <div class="swiper-slide swiper-slide-active"><a href="site/file/source/NOM_IMAGE.jpg" target="_blank" data-lity rel="noopener"><img title="TITRE" src="site/file/source/galerie/space/NOM_IMAGE.jpg" /></a>
            <div class="swiper-text">LEGENDE</div>
        </div>        
         -->
    </div>
    <div id="swiper-button-prev" class="swiper-button-prev swiper-button-white"> </div>
    <div id="swiper-button-next" class="swiper-button-next swiper-button-white"> </div>
</div>