Skifte CSS fra hover til normalt klik
Hej,Jeg har et billedegalleri med følgende CSS. Det fungerer lige nu med hover. Jeg vil gerne have det, så det store eksempel af billedet vises når der klikkes i stedet for hovers med musen?
Hvordan gøres dette?
//Mads...
.galleri_thumb img{
border: 0px solid white;
margin: 0 1px 1px 0;
}
.galleri_thumb:hover{
background-color: transparent;
}
.galleri_thumb:hover img{
border: 1px solid grey;
}
.galleri_thumb span{ /*CSS til det store billede*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 1000px;
top: 450px;
border: 1px solid #CCC;
visibility: hidden;
color: black;
text-decoration: none;
}
.galleri_thumb span img{ /*CSS til det store billede*/
border-width: 0;
padding: 2px;
}
.galleri_thumb:hover span { /*CSS til det store billede*/
visibility: visible;
top: 387px;
left: 330px; /*her tager det store billede udgangspunkt */