Ir para conteúdo

POWERED BY:

Arquivado

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

fsilvarib

Mostra Imagem

Por , em Javascript

Recommended Posts

fsilvarib    0

fsilvarib
Postado

Olá tudo bom pessoal?

 

Sou novo por aqui, mas já estou com alguma dúvida?

 

Vejam HTML abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>	<title></title>	<style type="text/css">	 #geral{	 	width: 600px; 	}	 .mini{	 	float: left;		width: 200px;		height: 200px;		background-color: #FF6347;		margin-bottom: 10px; 	}	 .full{	 	float: left;		width: 400px;		height: 200px;		background-color: #1E90FF;		margin-bottom: 10px; 	}	</style></head><body><div id="geral"><div class="mini">IMAGEM MINI 1</div><div class="full">IMAGEM FULL 1</div><div class="mini">IMAGEM MINI 2</div><div class="full">IMAGEM FULL 1</div><div class="mini">IMAGEM MINI 3</div><div class="full">IMAGEM FULL 1</div></div></body></html>

Então...

 

Gostaria de saber como é que faço para que quando eu clicar na IMAGEM MINI, sem dar refresh mostra a IMAGEM FULL, que até então estava sem aparecer.

 

Estou começando agora com AJAX, não tenho a minima idéia de como fazer isso, a única coisa q eu sei é um pouco de PHP.

 

Será que isso daria pra fazer em Ajax?

 

Muito obrigado até mais.

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

você não precisa de ajax pra isso.É só você mudar o atributo SRC da tag IMG para o da imagem grande.

Compartilhar este post

Link para o post
Compartilhar em outros sites

fsilvarib    0

fsilvarib
Postado

Como eu havia explicado.Quando eu clicar na imagem MINI vai aparecer a imagem grande ao lado.Ah! e eu esqueci de falar eu vou estar pegando os valores do BD.Mas se for esse jeito que tu falou, como é que posso fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

document.getElementById("elemento_que_quer_jogar_a_imagem_dentro").innerHTML = "<img src='" + endereco_da_sua_imagem + "' />"

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito