Olá pessoal, bom dia.
To com o seguinte problema que não estou conseguindo resolver.
Estou fazendo uma pequena galeria de fotos com até no máximo 20 thumbnails, ao clicar no thumb eu gostaria que aparecesse uma borda
sinalizando que a pessoa clicou naquela foto, e ao clicar em outra acontecesse a mesma coisa, marcando sempre a thumb atual.
Eu pensei fazer com um javascript que acionasse o CSS, está em negrito no código, mais serve da maneira que for melhor.
Agradeço pela atenção.
Segue o meu 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="thumb1.gif" width="68" height="41" id="linha"/></a></div>
<div id="apDiv2"><a href="#"><img src="thumb2.gif" width="68" height="41" id="linha"/></a></div>
</body>
</html>