Avatar billede madsing Nybegynder
12. marts 2009 - 21:52 Der er 2 kommentarer

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 */
Avatar billede madsing Nybegynder
12. marts 2009 - 22:15 #1
Hvis jeg implementerer følgende loader den bare alle billederne oven i hinanden og man kan ikke klikke rundt. Virker ikke optimalt!
http://www.dynamicdrive.com/forums/showthread.php?t=36114

Ville gerne kunne løse det udelukkende via CSS.
Avatar billede gadensgaard Nybegynder
15. marts 2009 - 12:18 #2
Det kan ikke la ves med ren css, du skal have noget javascript på. Kig eventuelt på Lightbox.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester