Fatter ikke en meter, for følgende virker perfekt i min Mzilla, men IE vil ikke være med på den funktion, som kaldes fra onclick på billederne ?-)
<html>
<head>
<title>Bevar proportioner</title>
<script type="text/javascript">
var h,w,actPic;
window.onload = function(){
actPic = document.getElementById('showPic0');
if(document.MyForm.Height.value.match(/\d/))
h = document.MyForm.Height.value;
else{
h = actPic.offsetHeight;
document.MyForm.Height.value = h;
}
if(document.MyForm.Width.value.match(/\d/))
w = document.MyForm.Width.value;
else{
w = actPic.offsetWidth;
document.MyForm.Width.value = w;
}
actPic.title = "Dette billede er aktivt";
}
function adjustPic(elm){
var f = elm.form;
if(f.Maintain.checked){
switch(elm.name){
case "Height":
f.Width.value = Math.round(+elm.value * w / h);
break;
case "Width":
f.Height.value = Math.round(+elm.value * h / w);
}
}
var st = actPic.style;
st.width = f.Width.value + 'px';
st.height = f.Height.value + 'px';
}
function setActive(pic){
//alert(pic.offsetWidth);
actPic.title = "Vælg dette billede";
actPic = pic;
actPic.title = "Dette billede er aktivt";
h = pic.offsetHeight;
document.MyForm.Height.value = h;
w = pic.offsetWidth;
document.MyForm.Width.value = w;
}
</script>
</head>
<body>
<form name="MyForm">
Bredde: <input type="text" name="Width" value="" onchange="adjustPic(this);">
Højde: <input type="text" name="Height" value="" onchange="adjustPic(this);">
<input type="checkbox" name="Maintain" checked> Bevar proportioner
</form>
<img src="../billede.jpg" style="width:100px;height=100px;cursor:pointer;" title="Vælg dette billede" id="showPic0" onclick="setActive(this);"><br>
<img src="../billede.jpg" style="width:200px;height=100px;cursor:pointer;" title="Vælg dette billede" id="showPic1" onclick="setActive(this);"><br>
<img src="../billede.jpg" style="width:300px;height=100px;cursor:pointer;" title="Vælg dette billede" id="showPic2" onclick="setActive(this);"><br>
<img src="../billede.jpg" style="width:400px;height=200px;cursor:pointer;" title="Vælg dette billede" id="showPic3" onclick="setActive(this);"><br>
<img src="../billede.jpg" style="width:500px;height=200px;cursor:pointer;" title="Vælg dette billede" id="showPic4" onclick="setActive(this);"><br>
</body>
</html>
