Billedvisningsvindue som lukker ved klik driller!
Jeg har en side med noget java-script der viser et billede. Den sørger for at skalere billedet hvis den er for stor eller lille og gør det i forhold til skærmopløsningen - alt sammen meget smart, men nogle gange åbner siden lidt ude i kanten af skærmen og så skæres billedet af! Jeg KAN bare ikke se fejlen - kan nogen hjælpe? Eller kan det gørs på en anden måde der ikke giver fejl? Her er koden:<HTML>
<HEAD>
<TITLE>ERK.dk - Gæstebog: husOgHave.jpg</TITLE>
</HEAD>
<BODY bgcolor="black">
<center>
<img onclick="window.close()" src="gimages/husOgHave.jpg" border="0" id="pic" name="pic" onload="updater()">
<script language="javascript">
function updater(){
var x = screen.availWidth,dx;
var y = screen.availHeight,dy;
var xx = document.images.pic.width+50;
var yy = document.images.pic.height+80;
if(xx+30>x||yy+30>y){//hvis billedet er større end skærmen
dx = (x-100)/(xx+30);
dy = (y-100)/(yy+30);
if(dy>=dx){
xx = (xx-50)*dx;
yy = (yy-80)*dx;
}else{
xx = (xx-50)*dy;
yy = (yy-80)*dy;
}
document.images.pic.width = xx;
document.images.pic.height = yy;
document.body.style.overflow='hidden';
window.resizeTo(xx+36,yy+80);
}
else if(xx<225) {//Hvis billedet er for smalt
xx = (document.images.pic.width*3)+50;
yy = (document.images.pic.height*3)+80;
document.images.pic.width = (xx-50);
document.images.pic.height = (yy-80);
document.body.style.overflow='hidden';
window.resizeTo(xx,yy);
}
else {//Hvis billedet er fint nok
document.body.style.overflow='hidden';
window.resizeTo(xx,yy);
}
}
</script>
<font face="verdana" size="2" color="gray">
<br>klik på billedet for at lukke vinduet
</font>
</BODY>
</HTML>
