Slideshow: mudanças entre as edições

De Tecnopoliticas
Ir para navegação Ir para pesquisar
Criou página com '<div id="slideshow"> <img src="https://www.portobello.com.br//data/environments/zoom/productGroupColor_3682_10pbl_amb_29569_e_zigzag_aquamarine_zigzag_30x90_mate_ret_05.jp...'
 
Sem resumo de edição
 
Linha 1: Linha 1:
<div id="slideshow">
[[FILE:https://www.portobello.com.br//data/environments/zoom/productGroupColor_3682_10pbl_amb_29569_e_zigzag_aquamarine_zigzag_30x90_mate_ret_05.jpg]]
    <img src="https://www.portobello.com.br//data/environments/zoom/productGroupColor_3682_10pbl_amb_29569_e_zigzag_aquamarine_zigzag_30x90_mate_ret_05.jpg" alt="Imagem 1" style="display: none;">
    <img src="URL_DA_IMAGEM_2" alt="Imagem 2" style="display: none;">
    <img src="URL_DA_IMAGEM_3" alt="Imagem 3" style="display: none;">
    <img src="URL_DA_IMAGEM_4" alt="Imagem 4" style="display: none;">
</div>
 
<script>
// Tenha em mente que muitos wikis não permitirão tags <script> in-line por motivos de segurança.
// Você pode precisar adicionar esse JavaScript como um módulo externo ou obter permissão de um administrador.
var slideIndex = 0;
function showSlides() {
    var i;
    var slides = document.getElementById("slideshow").getElementsByTagName("img");
    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";
    setTimeout(showSlides, 2000); // Troca a imagem a cada 2 segundos
}
showSlides();
</script>

Edição atual tal como às 16h32min de 4 de outubro de 2023