Ir ao conteúdo
  • Cadastre-se
Pablo H

HTML Como clicar em um palavra e abrir uma imagem HTML CSS

Recommended Posts

Gostaria de saber como fazer para clicar em uma palavra e abrir uma imagem (mas sem ir pra outra página ou sair da página atual), tipo abrir na mesma pagina, como uma mini janela, acho que deu pra entender SAHUHSUAHSUSSUAHAU 

Compartilhar este post


Link para o post
Compartilhar em outros sites
47 minutos atrás, Pablo H disse:

Gostaria de saber como fazer para clicar em uma palavra e abrir uma imagem (mas sem ir pra outra página ou sair da página atual), tipo abrir na mesma pagina, como uma mini janela, acho que deu pra entender SAHUHSUAHSUSSUAHAU 

Teria como você linkar uma imagem usando esse código : 

<a href=”endereço”>

<img src=”endereço da imagemalt=”Descrição da imagem/>

</a>

 

Mas, aí no caso ele iria para a página da imagem, acho que uma pequena tela é algo meio incerto de se acontecer!

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Pablo H Tem diversas formas de fazer isso!

Com jQuery, Javascript puro, Frameworks como Bootstrap, angular... e etc

 

HTML:

<a href="#" class="ver"> Ver esta foto</a>
<div class="img">
   <img src="https://i1.wp.com/gamelogia.com.br/wp-content/uploads/2016/11/gamer.jpg?resize=1280%2C640&ssl=1" alt="teste" />
   <a href="#" class="fechar">Fechar</a>
</div>

jQuery: 

$(".ver").on("click", function(){
    $(".img").show();
});

$(".fechar").on("click", function(){
    $(".img").hide();
});

 

Podes conferir funcionando aqui: https://jsfiddle.net/rmr5mkm4/

 

  • Curtir 2

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

@DiF

 

Em 5/11/2018 às 18:10, DiF disse:

Frameworks como Bootstrap

 

Usaria o carousel, nesse caso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Joao_Lucaas

 

3 minutos atrás, Joao_Lucaas disse:

Usaria o carousel, nesse caso?

Sim usaria.   O Bootstrap possui o carousel 

https://getbootstrap.com/docs/4.0/components/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

×