Ir ao conteúdo
  • Cadastre-se
CarolKojima

Slider sumindo

Recommended Posts

Oi gente, estou precisando de uma ajuda.

Estou colocando um slider simples, que peguei o exemplo no site w3school, para passar três imagens no site que estou desenvolvendo, coloquei o mesmo usando css e js.

Mas conforme ele vai passando, ele passa as três imagens e some, ai depois de um tempo ele volta! Não consegui ver o que é.

Será que podem me ajudar?

 

Segue o codigo HTML e o JS

 

					<div class="w3-content w3-section">
                        <img class="myCarousel2" src="./img/efloor/efloor_slider.png">
                        <img class="myCarousel2" src="./img/efloor/gerencial_slider.png">
                        <img class="myCarousel2" src="./img/efloor/efloor-slider-logo.png">
                    </div>
                <!--Slider 2-->
                <script>
                    var myIndex = 0;
                    carousel();

                    function carousel() {
                        var i;
                        var x = document.getElementsByClassName("myCarousel2");
                        for (i = 0; i < x.length; i++) {
                            x[i].style.display = "none";
                        }
                        myIndex++;
                        if (myIndex > x.length) {
                            myIndex = 1}
                        x[myIndex - 1].style.display = "block";
                        setTimeout(carousel, 2000); // Change image every 2 seconds
                    }
                </script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz o teste do código ele esta funcionando perfeitamente, após os 2 segundos ele troca a imagem e depois volta para a primeira o que você pode mudar é o tempo de resposta que esta em 2000 mile segundos caso queria menos tempo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poxa, e agora aqui esta acontecendo isso.

O que eu posso fazer?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@CarolKojima Olá,

 

Você poderia até usar o jQuery. Ele possui diversos plugins de slider carrousel bem fáceis de usar e com apenas algumas linhas de código.

Não passe trabalho... :) 

 

https://plugins.jquery.com/tag/carousel/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×