test
Galerie d'images
Images du diaporama
<style><!--
* {
dimensionnement de la boîte : border-box
}
corps {
famille de polices : Verdana, sans empattement ;
marge : 0
}
.mySlides {
affichage : aucun
}
img {
alignement vertical : milieu ;
}
Conteneur .slideshow {
largeur maximale : 1 000 px ;
position : relative ;
marge : auto ;
}
/* Boutons suivant et précédent */
.précédent,
.suivant {
curseur : pointeur ;
position : absolue ;
haut : 50 % ;
largeur : automatique ;
remplissage : 16 px ;
marge supérieure : -22 px ;
couleur : blanc ;
poids de la police : gras ;
taille de police : 18 px ;
transition : facilité de 0,6 s ;
rayon de bordure : 0 3px 3px 0 ;
sélection par l'utilisateur : aucun ;
}
/* Positionner le "bouton suivant" à droite */
.suivant {
à droite : 0 ;
rayon de bordure : 3px 0 0 3px ;
}
/* Au survol, ajoutez une couleur de fond noire avec un peu de transparence */
.prev : survoler,
.suivant : survolez {
couleur d'arrière-plan : rgba(0, 0, 0, 0,8) ;
}
/* Texte de la légende */
.texte {
couleur : #ffffff ;
taille de police : 15 px ;
remplissage : 8px 12px ;
position : absolue ;
bas : 8px ;
largeur : 100 % ;
alignement du texte : centre ;
}
/* Texte numérique (1/16 etc) */
.numérotexte {
couleur : #ffffff ;
taille de police : 12 px ;
remplissage : 8px 12px ;
position : absolue ;
haut : 0 ;
}
/* Les points/puces/indicateurs */
.point {
curseur : pointeur ;
hauteur : 15px ;
largeur : 15px ;
marge : 0 2px ;
couleur d'arrière-plan : #999999 ;
rayon de bordure : 50 % ;
affichage : bloc en ligne ;
transition : facilité de couleur d'arrière-plan de 0,6 s ;
}
.actif,
.dot: survoler {
couleur d'arrière-plan : #111111 ;
}
/* Animation en fondu */
.disparaître {
-webkit-animation-name : fondu ;
-durée-animation-webkit : 1,5 s ;
nom de l'animation : fondu ;
durée de l'animation : 1,5 s ;
}
@-webkit-keyframes s'estompe {
depuis {
opacité : 0,4
}
à {
opacité : 1
}
}
@keyframes s'estompent {
depuis {
opacité : 0,4
}
à {
opacité : 1
}
}
/* Sur les écrans plus petits, diminuez la taille du texte */
Écran @media uniquement et (largeur maximale : 300 px) {
.précédent,
.suivant,
.texte {
taille de la police : 11px
}
}
--></style>
<div class="slideshow-container">
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/28.11.2019_3-min.JPG?v=1615480997"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_1772-min_f1f7fe38-515a-4dce-b7ff-8ffbb1508e4b.JPG?v=1615480996"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_5198-min.JPG?v=1615480990"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/1b2a4dc7-1765-4db2-ae58-75987fb5d20d-min.JPG?v=1615480988"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/3AF43B05-A955-43C0-9487-26338DAD4C12-min.JPG?v=1615480987"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/f627ee0e-d755-4792-a40d-3ca332baf532-min.JPG?v=1615480988"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG-6711-min.JPG?v=1615477006"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/florianbob.JPG?v=1615511047"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/2A6FE84B-C27F-4D95-B071-886D5F05A12E.jpeg?v=1591407139"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B0D45948-09A0-46E2-8D91-080EFFFBF468-min_a211748a-4c1e-4432-87b2-ddd7805d2b21.JPG?v =1615480989"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/boris.JPG?v=16155110479"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/aquims.JPG?v=1615511046"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/shana.JPG?v=1615511045"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/elissar.JPG?v=1615511046"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2356-min.jpg?v=1615667621"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2361-min.jpg?v=1615667615"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2346-min.jpg?v=1615667618"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_1108-min.JPG?v=1615667621"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2366-min.jpg?v=1615667623"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2050-min.jpg?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/F562DAB8-F8DC-46CF-AF01-13B18D98D680-min.JPG?v=1615667637"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_0531-min.JPG?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9292-min.jpg?v=1615667632"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/ticke.JPG?v=1615511045"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/d75fc631-868f-448f-8c1c-13969194d7d9-min_e8b1b05a-e64f-452f-8544-54e60d138e22.JPG?v =1615480989"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/DSC04761-min.JPG?v=1615667636"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_8584_2-min.jpg?v=1615667638"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9432-min.jpg?v=1615667639"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_4477-min.JPG?v=1615667643"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B029139-R1-12-24A-min.JPG?v=1615667649"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B029141-R1-11-26A-min.JPG?v=1615667649"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/CLIP0256-min.JPG?v=1615667645"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9136-min.jpg?v=1615667629"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2359-min.jpg?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2358-min.jpg?v=16156676268"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_6570-min.jpg?v=16156676208"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/CLIP0193-min.JPG?v=1615667646"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/A575DB0A-9F8C-4E65-9A45-C7F322A0F64B-min.JPG?v=1615667619"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_6830-min.JPG?v=1615667640"></div>
<br> <script>
var slideIndex = 0;
showSlides();
fonction showSlides() {
var je;
var slides = document.getElementsByClassName("mySlides");
pour(i = 0; i < slides.length; i++) {
slides[i].style.display = "aucun";
}
slideIndex++;
si (slideIndex > slides.length) {
slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 2500); // Change l'image toutes les 2,5 secondes
}
</script></div>
<style><!--
* {
dimensionnement de la boîte : border-box
}
corps {
famille de polices : Verdana, sans empattement ;
marge : 0
}
.mySlides {
affichage : aucun
}
img {
alignement vertical : milieu ;
}
Conteneur .slideshow {
largeur maximale : 1 000 px ;
position : relative ;
marge : auto ;
}
/* Boutons suivant et précédent */
.précédent,
.suivant {
curseur : pointeur ;
position : absolue ;
haut : 50 % ;
largeur : automatique ;
remplissage : 16 px ;
marge supérieure : -22 px ;
couleur : blanc ;
poids de la police : gras ;
taille de police : 18 px ;
transition : facilité de 0,6 s ;
rayon de bordure : 0 3px 3px 0 ;
sélection par l'utilisateur : aucun ;
}
/* Positionner le "bouton suivant" à droite */
.suivant {
à droite : 0 ;
rayon de bordure : 3px 0 0 3px ;
}
/* Au survol, ajoutez une couleur de fond noire avec un peu de transparence */
.prev : survoler,
.suivant : survolez {
couleur d'arrière-plan : rgba(0, 0, 0, 0,8) ;
}
/* Texte de la légende */
.texte {
couleur : #ffffff ;
taille de police : 15 px ;
remplissage : 8px 12px ;
position : absolue ;
bas : 8px ;
largeur : 100 % ;
alignement du texte : centre ;
}
/* Texte numérique (1/16 etc) */
.numérotexte {
couleur : #ffffff ;
taille de police : 12 px ;
remplissage : 8px 12px ;
position : absolue ;
haut : 0 ;
}
/* Les points/puces/indicateurs */
.point {
curseur : pointeur ;
hauteur : 15px ;
largeur : 15px ;
marge : 0 2px ;
couleur d'arrière-plan : #999999 ;
rayon de bordure : 50 % ;
affichage : bloc en ligne ;
transition : facilité de couleur d'arrière-plan de 0,6 s ;
}
.actif,
.dot: survoler {
couleur d'arrière-plan : #111111 ;
}
/* Animation en fondu */
.disparaître {
-webkit-animation-name : fondu ;
-durée-animation-webkit : 1,5 s ;
nom de l'animation : fondu ;
durée de l'animation : 1,5 s ;
}
@-webkit-keyframes s'estompe {
depuis {
opacité : 0,4
}
à {
opacité : 1
}
}
@keyframes s'estompent {
depuis {
opacité : 0,4
}
à {
opacité : 1
}
}
/* Sur les écrans plus petits, diminuez la taille du texte */
Écran @media uniquement et (largeur maximale : 300 px) {
.précédent,
.suivant,
.texte {
taille de la police : 11px
}
}
--></style>
<div class="slideshow-container">
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/28.11.2019_3-min.JPG?v=1615480997"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_1772-min_f1f7fe38-515a-4dce-b7ff-8ffbb1508e4b.JPG?v=1615480996"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_5198-min.JPG?v=1615480990"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/1b2a4dc7-1765-4db2-ae58-75987fb5d20d-min.JPG?v=1615480988"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/3AF43B05-A955-43C0-9487-26338DAD4C12-min.JPG?v=1615480987"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/f627ee0e-d755-4792-a40d-3ca332baf532-min.JPG?v=1615480988"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG-6711-min.JPG?v=1615477006"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/florianbob.JPG?v=1615511047"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/2A6FE84B-C27F-4D95-B071-886D5F05A12E.jpeg?v=1591407139"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B0D45948-09A0-46E2-8D91-080EFFFBF468-min_a211748a-4c1e-4432-87b2-ddd7805d2b21.JPG?v =1615480989"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/boris.JPG?v=16155110479"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/aquims.JPG?v=1615511046"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/shana.JPG?v=1615511045"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/elissar.JPG?v=1615511046"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2356-min.jpg?v=1615667621"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2361-min.jpg?v=1615667615"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2346-min.jpg?v=1615667618"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_1108-min.JPG?v=1615667621"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2366-min.jpg?v=1615667623"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2050-min.jpg?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/F562DAB8-F8DC-46CF-AF01-13B18D98D680-min.JPG?v=1615667637"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_0531-min.JPG?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9292-min.jpg?v=1615667632"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/ticke.JPG?v=1615511045"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/d75fc631-868f-448f-8c1c-13969194d7d9-min_e8b1b05a-e64f-452f-8544-54e60d138e22.JPG?v =1615480989"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/DSC04761-min.JPG?v=1615667636"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_8584_2-min.jpg?v=1615667638"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9432-min.jpg?v=1615667639"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_4477-min.JPG?v=1615667643"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B029139-R1-12-24A-min.JPG?v=1615667649"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/B029141-R1-11-26A-min.JPG?v=1615667649"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/CLIP0256-min.JPG?v=1615667645"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_9136-min.jpg?v=1615667629"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2359-min.jpg?v=1615667628"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_2358-min.jpg?v=16156676268"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_6570-min.jpg?v=16156676208"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/CLIP0193-min.JPG?v=1615667646"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/A575DB0A-9F8C-4E65-9A45-C7F322A0F64B-min.JPG?v=1615667619"></div>
<div class="mySlides fade"><img style="largeur : 100 % ;" src="https://cdn.shopify.com/s/files/1/0280/5717/4083/files/IMG_6830-min.JPG?v=1615667640"></div>
<br> <script>
var slideIndex = 0;
showSlides();
fonction showSlides() {
var je;
var slides = document.getElementsByClassName("mySlides");
pour(i = 0; i < slides.length; i++) {
slides[i].style.display = "aucun";
}
slideIndex++;
si (slideIndex > slides.length) {
slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 2500); // Change l'image toutes les 2,5 secondes
}
</script></div>