Histórico da Página
...
Bloco de código | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<script> var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex > slides.length) {slideIndex = 1} for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; setTimeout(showSlides, 2000); // Change image every 2 seconds } </script> |
HTML |
---|
<div id="divContainer"></div>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="/download/attachments/330843097/background_1.jpg?version=1&modificationDate=1521661840591&api=v2" style="width:100%">
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="/download/attachments/330843097/background-2.jpg?version=1&modificationDate=1521661841465&api=v2" style="width:100%">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="/download/attachments/330843097/background-3.jpg?version=1&modificationDate=1521661935617&api=v2" style="width:100%">
<div class="text">Caption Three</div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div> |
HTML |
---|
<script> var slideIndex = 0; showSlides(); function showSlides() { TOTVS_Carousel = { Id: "Carousel1", Container: "divContainer", Time: 0, SlideIndex: 0, Init: function(id, nameOfContainer, time){ Id = id; Time = time; Container = (typeof nameOfContainer === "string") ? document.getElementById(nameOfContainer) : nameOfContainer; Build(id, nameOfContainer, time); }, Build: function(id, nameOfContainer, time){ }, ShowSlides: function(){ var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex SlideIndex++; if (slideIndexSlideIndex > slides.length) {slideIndex = 1} for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndexSlideIndex-1].style.display = "block"; dots[slideIndexSlideIndex-1].className += " active"; setTimeout(showSlidesShowSlides, 2000Time); // Change image every 2 seconds } </script> } TOTVS_Carousel.Init('Carousel1', 'divContainer', 3000); TOTVS_Carousel.ShowSlides(); </script> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas