Tenho um html, onde são uma sequencia de ícones, mas quero deixar apenas alguns visíveis, e o restante para que apareçam após clicar em uma palavra como por exemplo "veja mais", e assim eles aparecerem. OBS: esses ícones são <img>
Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.
Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.
Claro! Para ocultar imagens em HTML e mostrar após clique em um botão, você pode usar CSS e JavaScript.
Uma forma de fazer isso é deixar o display: none dos itens que serão escondidos e quando clicar no botão exibi-los.
Aqui está um exemplo de como fazer isso:
```html
<div>
<img src="imagem1.jpg" class="esconder">
<img src="imagem2.jpg" class="esconder">
<img src="imagem3.jpg" class="esconder">
<button onclick="mostrar()">Veja mais</button>
</div>
<script>
function mostrar() {
var x = document.getElementsByClassName("esconder");
for (var i = 0; i < x.length; i++) {
x[i].style.display = "block";
}
}
</script>
```
Neste exemplo, as imagens são inicialmente ocultadas com a classe "esconder". Quando o botão "Veja mais" é clicado, a função JavaScript "mostrar()" é chamada e altera o estilo de todos os elementos com a classe "esconder" para "block", fazendo com que as imagens sejam exibidas.
Espero que isso ajude! Se tiver alguma duvida é só me perguntar. ????
Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.
Aulas
Buscar
Tarefas
Pedir
Turmas
Procurar
Profes Já
Pedir
Cursos
Encontrar
Tira-dúvidas
Enviar dúvida
