ME AJUDEM PF - Botão “anterior” e “próximo” no carrossel sem JS

2 respostas
C

Boa tarde, gostaria de saber se existe como fazer um botão de anterior e próximo em um carrossel usando somente CSS e Html.

Este é meu carrossel. Estou usando uma tecnologia chamada AMP. Porém o carrossel funciona igualmente um carrossel normal.

<amp-carousel class="carousel1" layout="responsive" height="230" width="200" type="slides">
            <div class="slide">
                <amp-img src="/maca" class="imageone"></amp-img>
                <amp-fit-text layout="responsive" width="500" height="150">
                    <h3> Passo 1</h3>
                    <p>Quais os benefícios da maça?</p>
                </amp-fit-text>
            </div>

E criei um link assim:

<div class="previous_next_link" style="font-size: 14px; color:#007AB7; font-weight: light;text-align: center;">
            <a style="margin-right: 15px;" href="">anterior</a>
            <a style="margin-right: 30px;" href="">proximo</a>
        </div>

Como eu consigo conectar o carrossel, para ele passar entre slides de acordo com o clique de “próximo” e “anterior”???

Pfv me ajudem.

2 Respostas

E

exemplo de carousel composto apenas de HTML + CSS

Eu nao conheco AMP mas com um pouco de exploracao no link acima voce consegue adaptar o seu codigo.
Boa sorte! :wink:

P

Use o BOOTSTRAP ou MATERIALIZE são ótimas ferramentas para trabalhar com carrossel etc. Tem toda uma documentação para te auxiliar…

Criado 11 de agosto de 2020
Ultima resposta 28 de ago. de 2020
Respostas 2
Participantes 3