Åben vindue med billedets størrelse
HejJeg har et lavet et site hvor brugere bla. kan uploade et billede af dem selv til deres profil. Der vises så et mindre "thumbnail" som man kan klikke på - hvorefter billedet i dets rigtige størrelse vises.
Billedet åbnes i et vindue (Javascript - se kode nedenfor) - problemet er, at den åbner først vinduet i 100*100% af skærmen for dernæst at reducere vinduet til den størrelse som billedet har. Det betyder at der kommer et hvidt blink som er noget irriterende. Kan man undgå det ved at modificere koden?
Thumb kode:
<a href="java script:popup('<%=brugerid%>.jpg','<%=brugernavn%>')"><img src="brugerpics/<%=brugerid%>.jpg"></a>
KODE START:-----------------------
function popup(filNavn,brugernavn) {
imageWin=window.open("", "imageWin", filNavn, "width=100,height=100");
imageWin.document.open();
imageWin.document.write(
'<html>'+
'<head>'+
'<title>' + brugernavn + '</title>'+
'<\script language="JavaScript">'+
'self.focus();'+
'function myResize() {'+
'picW = document.images["pic"].width;'+
'picH = document.images["pic"].height;'+
'picW = picW+10;'+
'picH = picH+37;'+
'if(picW > screen.availWidth)'+
'{'+
'picW = screen.availWidth'+
'}'+
'if(picH > screen.availHeight)'+
'{'+
'picH = screen.availHeight'+
'}'+
'window.resizeTo(picW,picH);'+
'}'+
'<\/script>'+
'</head>'+
'<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="myResize();">'+
'<DIV STYLE="width: 100%; height: 100%; overflow: auto;">'+
'<img src="brugerpics/' + filNavn + '" NAME="pic">'+
'</DIV>'+
'</body>'+
'</html>' );
imageWin.document.close();
}
KODE SLUT:-----------------------
PS:
'picW = picW+10;'+
'picH = picH+37;'+
er for at undgå scrollbarerne i IE! (Sikkert en lame udførelse)
