Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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á.
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....
Você poderia usar o :hover no CSS, porem a mudança se aplicaria ao passar ao mouse em cima.
Via jQuery ficaria mais ou menos assim.