Foto de David L.
David há 2 anos
Enviada pelo
Site

Torna ícones visíveis quando clicar em uma palavra

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>

Professor Daniel P.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 2 anos
Contatar Daniel
Olá, vc pode usar css a propriedade display ='none' nas img que não quer mostrar ao carregar a página, cria um botão no HTML e no evento onclick do botão chama a função javascript a função javascrip vc altera a propriedade das img com a propriedade display='none' pra block. duvidas me chama aqui

Um professor já respondeu

Envie você também uma dúvida grátis
Ver resposta
Envie uma dúvida grátis
Resposta na hora da Minerva IA e de professores particulares
Enviar dúvida
Professora Augusto C.
Respondeu há 1 ano
Contatar Augusto

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. ????

Um professor já respondeu

Envie você também uma dúvida grátis
Ver resposta
Minerva IA
do Profes
Respostas na hora
100% no WhatsApp
Envie suas dúvidas pelo App. Baixe agora
Precisa de outra solução? Conheça
Aulas particulares Encontre um professor para combinar e agendar aulas particulares Buscar professor