Avatar billede ohs Nybegynder
23. maj 2009 - 23:01 Der er 4 kommentarer og
1 løsning

Klik til stor billede

Når jeg har uploadet billeder på mit webhotel og indsat dem i en ramme som små billeder. Hvordan kan jeg så ved at klikke på et billede få den vis som et stort billede.
Avatar billede Slettet bruger
23. maj 2009 - 23:27 #1
En løsning i CSS som jeg selv har lavet og benytter.
I head'et:
<style type="text/css">
.thumb {
    font-weight: bold;

}
.thumb span {
    visibility: hidden;
    position: absolute;
    padding: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
}

.thumb:hover span {
    visibility: visible;
    background-color: #000;
}
</style>

I bodyen:
<span class="thumb"><img src="lille.jpg" /><span><img src="stor.jpg" /></span></span>

Udskift stor.jpg med det store billede og lille.jpg med det lille billede. Et eksempel kan ses her: http://jacobbundgaard.dk/spil.html (Hold musen hen over de små tal.)
Avatar billede Slettet bruger
23. maj 2009 - 23:28 #2
.thumb {
    font-weight: bold;

}
Behøves ikke.
Avatar billede Slettet bruger
25. maj 2009 - 22:05 #3
Er det til hjælps?
Avatar billede ohs Nybegynder
08. januar 2011 - 11:44 #4
jacobbundgaard.dk  læg et svar
Avatar billede Slettet bruger
08. januar 2011 - 13:06 #5
Så gerne :)
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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