Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Pirata

Mudar de imagem

Mensagens Recomendadas

Pirata

Boas,

Faz algumas horas que estou a tentar resolver aqui um problema. O que eu quero fazer é o seguinte:

Tenho uma imagem inicial em grande na pagina. Por baixo tenho 2 outras imagens em mais pequeno queria que quando clica-se numa das duas imagens a de tamanha maior mudava para essa imagem que cliquei. Tem como fazer isso?

Aguardo Resposta.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Convidado

Sim é simples.

Basta verificares quando fazes um click na imagem debaixo, depois é chamar uma função em javascript que muda a source da imagem grande.

Um breve exemplo:

<img id="big_image" class="icon" src="1.png" alt="1.png" border="0" />
<img onclick="changeImage(this)" id="1" src="1.png" alt="1" />
<img onclick="changeImage(this)" id="2" src="2.png" alt="2" />
<img onclick="changeImage(this)" id="3" src="3.png" alt="3" />
<script>
function changeImage(thisEle){
 document.getElementById('big_image').src = thisEle.id+".png"
}
</script>

Abraço

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.