En med en knap til at lukke:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Resize til billede</title>
<meta name="keywords" content="roenving 2003;
http://www.eksperten.dk/spm/364403"><meta name="Generator" content="Stone's WebWriter 3.5">
<script language="javascript" type="text/javascript">
function popWin(file){
newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
txt='<html><head><title>Resize til bilede</title><scr'+'ipt language="javascript" type="text/javascript">';
txt+='function resPic(){h=document.images[0].scrollHeight;w=document.images[0].scrollWidth;window.resizeTo(w+6,h+82);}</scr'+'ipt></head>';
txt+='<body style="overflow:hidden;border:0px;margin:0px"><img src="'+file+'" style="top:0px;left:0px;border:0px;" onload="resPic();">';
txt+='<br><center><button onclick="window.close()" style="width=200px">luk</button></center></body></html>';
newWin.document.write(txt);
newWin.document.close();
}
</script>
</head>
<body>
<a href="#" onclick="popWin('../billede.jpg');return false;">klik her</a>
</body>
</html>
-- og en med luk på billedet, centrering af popuppen og en tekst:
<script language="javascript" type="text/javascript">
function popWin(file,text){
newWin=window.open("","ResizeBillede","width=300,height=200,status=no,resizable");
txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
txt+='pt language="javascript" type="text/javascript">';
txt+='function resPic(){h=document.images[0].scrollHeight;';
txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+56);window.moveTo((screen.availWidth-w-6)/2,(screen.availHeight-h-56)/2)}<\57scri';
txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;background:black;color:white;';
txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
txt+='" onload="resPic();" onclick="self.close()" title="Tryk for at lukke vinduet">';
txt+='<h4 style="margin:0;text-align:center;">'+text+'<\57h4><\57bo'+'dy><\57ht'+'ml>';
newWin.document.write(txt);
newWin.document.close();
}
</script>
<img src="../billede.jpg" width="100" height="100" onclick="popWin(this.src,'Tekst')">
-- Velbekomme '-)