SmtC: Show me the Code
Ole Peter Smith
Instituto de Matemática e Estatística
Universidade Federal de Goiás
http://www.olesmith.com.br

Introduction
O bem que a violência faz, é - sempre - passageiro.
O mal que ela faz, é permanente.
Mahatma Gandhi
< SVG | Carousel | Curves >
  • GIF Animado (Bitmap)
  • Carousel do W3 Schools: Bitmap & Vector
  • @ Carousel $glob $every $delay $width
  • @ Carousels curves/Epitrochoid/4.0/3.0/0.0/400/*.svg 10 400 600px
HTML Listing: Carousel.html. 
<HTML>
  <HEAD>
    <TITLE>Slide Show</TITLE>
    <LINK href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet">
  </HEAD>
  <BODY>
    <DIV class="w3-content w3-section">
       <IMG class="mySlides" src="/curves/Quadratic_1--0.020202020202.svg">
       <IMG class="mySlides" src="/curves/Quadratic_1--0.0606060606061.svg">
       <IMG class="mySlides" src="/curves/Quadratic_1--0.10101010101.svg">
       <IMG class="mySlides" src="/curves/Quadratic_1--0.141414141414.svg">
       <IMG class="mySlides" src="/curves/Quadratic_1--0.181818181818.svg">
       ....
       ....
       <IMG class="mySlides" src="/curves/Quadratic_1-2.0.svg">
    </DIV>
    <SCRIPT>
      var slideIndex = 0;
      carousel();
                    
      function carousel() {
         var i;
         var x = document.getElementsByClassName("mySlides");
         for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";
         }
         slideIndex++;
         if (slideIndex > x.length) {slideIndex = 1}
         x[slideIndex-1].style.display = "block";
         setTimeout(carousel,100); // Change image every 100 ms
      }
     </SCRIPT>
  </BODY>
</HTML>
< SVG | Carousel | Curves >
Messages:
0 secs.