CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

matintin Nybegynder

26. juni 2006 - 13:13 Der er 8 kommentarer og
1 løsning

Åbne billede i et nyt vindue, centreret

Hej

Jeg vil gerne kunne klikke på et af billederne på min hjemmeside, som så skal åbne et nyt vindue (popup), der kun har rammen på (altså uden knapper, adresse o.l.) og et større billede indeni.

Billedet vil være 1024 x ??? pixels (har forsk. højde).

Vinduet må gerne være centeret på brugerens skærm.

For at lukke vinduet skal brugeren enten klikke på billedet eller en tekst.

Synes godt om

mclemens Nybegynder

26. juni 2006 - 13:29 #1

http://www.eksperten.dk/spm/696376#rid6159662
- Godt nok ?

Synes godt om

matintin Nybegynder

26. juni 2006 - 13:32 #2

kigger lige...

Synes godt om

mclemens Nybegynder

26. juni 2006 - 13:39 #3

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>

<script type="text/javascript" language="javascript">

function popit(pict){
popins=window.open("","popins","width=300,height=200,status=no,toolbar=no,location=no,directories=no,resizable=no,menubar=no");

popins.document.write('<html><head><title>Din titel</title><script type="text/javascript" language="javascript">function resizepopit(){pich=document.getElementById("pictpopit").scrollHeight;picw=document.getElementById("pictpopit").scrollWidth;if(pich>screen.availHeight)pich=screen.availHeight;if(picw>screen.availWidth)picw=screen.availWidth;window.resizeTo(picw,pich);window.moveTo((screen.availWidth-picw)/2,(screen.availHeight-pich)/2)}<\/script></head><body style="margin:0px;padding:0px;"><img id="pictpopit" src="'+pict+'" onLoad="resizepopit();" onclick="window.close();"></body></html>');

}

</script>

</head>

<body>
<img src="lillebillede.jpg" onclick="popit('stortbillede.jpg');">
</body></html>

Synes godt om

mclemens Nybegynder

26. juni 2006 - 13:42 #4

... den manglede lige lidt i den anden tråd :o)

Synes godt om

matintin Nybegynder

26. juni 2006 - 13:47 #5

Sidste svar tror jeg nok kan komme til at virke :-)
Jeg vender lige tilbage snart...

Synes godt om

matintin Nybegynder

26. juni 2006 - 14:04 #6

Der mangler ca. 30 pixels af bunden af billedet i det nye åbnede vindue???

Synes godt om

mclemens Nybegynder

26. juni 2006 - 14:15 #7

Nåh, joh vinduet fylder også ... så er det straks lidt sværere
- da vinduer fylder forskelligt afhængig af browser og styresystem
... prøv denne her (har selv testet i IE 6.0, xp)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>

<script type="text/javascript" language="javascript">

function popit(pict){
popins=window.open("","popins","width=300,height=200,status=no,toolbar=no,location=no,directories=no,resizable=no,menubar=no");

popins.document.write('<html><head><title>Din titel</title><script type="text/javascript" language="javascript">function resizepopit(){pich=document.getElementById("pictpopit").offsetHeight+32;picw=document.getElementById("pictpopit").offsetWidth+6;if(pich>screen.availHeight)pich=screen.availHeight;if(picw>screen.availWidth)picw=screen.availWidth;window.resizeTo(picw,pich);window.moveTo((screen.availWidth-picw)/2,(screen.availHeight-pich)/2)}<\/script><style type="text/css">html,body{margin:0px;padding:0px;border:0px;}</style></head><body><img id="pictpopit" src="'+pict+'" onLoad="resizepopit();" onclick="window.close();"></body></html>');

}

</script>

</head>

<body>
<img src="lillebillede.jpg" onclick="popit('stortbillede.jpg');">
</body></html>

Synes godt om

matintin Nybegynder

26. juni 2006 - 14:54 #8

Det ser ud til at virke fint med lidt modificeringer :-D

Jeg takker mangen gange!

Synes godt om

mclemens Nybegynder

26. juni 2006 - 15:00 #9

Velbekom, og tak for point :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56
Bat fil Af sjass i Andet programmering	5	15/01/202417:45	15/01/202420:35

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS