Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

pinoc

Clica imagem abre

Recommended Posts

Boa noite.

 

dei uma boa procurada pela net e por aqui no forum e não achei nada sobre.

 

Gostaria de saber como fazer a seguinte coisa acontecer.

 

Tenho uma imagem:

<img src="imagem.jpg" width="200" height="200" />

 

E

 

Tenho um link:

<a href="#">HOME</a>

 

Ok simples, mas oque quero saber é se tem como a imagem ficar OCULTA e eu criar um ID nos dois para quando clicar no link aparecer a imagem em seu determinado local especificado por CSS.

 

Ficaria assim no caso.

 

IMAGEM

<img src="imagem.jpg" width="200" height="200" id="IMAGEM" />

 

LINK

<a href="#" id="IMAGEM" >HOME</a>

 

Obrigado des de já e descupa qual quer coisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script type="text/javascript">
function mostrarImagem()
{
 document.getElementById('idDaImagem').style.display = 'block';
}
</script>

<a href="javascript:void(0)" onClick="mostrarImagem()">mostrar imagem</a>

<img src=".../caminho_da_imagem" id="idDaImagem" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa..

é mais ou menos isso que eu qro mais o unico ploblema é que no href="#" do link tera um link que abrira uma pagina em topup.

Sendo que não poderia ter href="javascript:void(0)" teria outra forma?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você só quer abrir um popup não tem problema nenhum, pode colocar o link do popup..

 

Não é um popup é um plugin do jquery TOPUP um estilo de lightbox o link esta abrindo uma pagina em lightbox.

Tem problema se eu colocar ql qr outro link ali?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você só quer abrir um popup não tem problema nenhum, pode colocar o link do popup..

 

Não é um popup é um plugin do jquery TOPUP um estilo de lightbox o link esta abrindo uma pagina em lightbox.

Tem problema se eu colocar ql qr outro link ali?

 

O problema é o seguinte, se você colocar algum outro link, a imagem vai aparecer mas vai sumir logo que a página for recarregada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.