Modèle:ResponsivePolaroidImagesSlideShow

De wikilab

Modèle pour afficher une belle liste responsive d'images

 <img class="slides" src="[[{{{4}}}]]" style="width:300px;" alt="{{{3}}}">
 

[[{{{7}}}|{{{6}}}]]
     
{{{3}}}

<script> var slideIndex = 0; showSlides();

// Fonction pour changer les diapositives automatiquement function showSlides() {

 var i;
 var slides = document.getElementsByClassName("slides");
 for (i = 0; i < slides.length; i++) {
   slides[i].style.display = "none";  
 }
 slideIndex++;
 if (slideIndex > slides.length) {slideIndex = 1}    
 slides[slideIndex-1].style.display = "block";
 // Change image every 5 seconds
 setTimeout(showSlides, 5000);

} </script>