Ir para conteúdo

POWERED BY:

Arquivado

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

renan mafra

Thumbnail ativo ao clicar, como fazer ?

Por , em Javascript

Recommended Posts

renan mafra    0

renan mafra
Postado
Olá pessoal,


Sou novato em javascript, e tenho uma dúvida que com certeza é

algo bem simples para quem entende.


Eu estou fazendo uma galeria de imagens, com vários thumbnails, eu

gostaria de que quando alguém clica-se no thumbnail aparecesse uma

borda de 1px ao redor do thumbnail, para destáca-lo e quando clicassem

em uma outra thumb acontecesse a mesma coisa, só que o outro voltasse a ficar

sem a borda, ou seja, apenas quando clicassem numa thumb aparecesse a borda,

mostrando que a imagem clicada é aquela.


Muito obrigado e agradeço o help desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

renan mafra    0

renan mafra
Postado

Amigão,

 

Como seria com javascript ?? ,eu estou aprendendo javascript...

 

Obrigado

 

Abrs!

Bom agoraa vi que é um javascript simplificado. Como eu implantaria isso nas tumbs em uma página HTML ?

Se tá meio complicado aprender JS dessa forma fica mais complicado ainda, se puderem me dar um help em

Js mesmo ficaria muito grato.

 

Ninguém ??? :(

 

 

Pessoal, como aplico o que falei lá em cima nesse código.

 

 

<html>

<head>

 

<style type="text/css">

body {

background-color: #000;

}

#apDiv1 {

position:absolute;

left:631px;

top:185px;

width:55px;

height:37px;

z-index:1;

}

 

#apDiv2 {

position:absolute;

left:741px;

top:185px;

width:55px;

height:37px;

z-index:1;

}

 

#linha{

border:solid;

border-color:#FFF;

border-width:1px;

}

 

</style>

</head>

 

 

<body>

 

<div id="apDiv1"><a href="#"><img src="1.gif" width="68" height="41" id="linha"/></a></div>

<div id="apDiv2"><a href="#"><img src="2.gif" width="68" height="41" id="linha"/></a></div>

 

</body>

</html>

 

 

Eu só preciso que quando alguém clique numa thumb a linha(border) mude de cor, e quando clicarem no outro

aconteça a mesma coisa, mais o outro volte ao normal, somente para mostrar qual está selecionado.

 

 

 

Obrigado !

 

 

Muito obrigado pela falta de ajuda pessoal.

 

Um grande abraço e até nunca mais....

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