<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Del 2</title>
<script type="text/javascript">
var flag1 = true;
var flag2 = true;
var flag3 = true;
function bigimg1(){
if(flag1){
document.getElementById("bilde1").style.width = "100%";
document.getElementById("bilde1").style.height = "100%";
document.getElementById("bilde2").style.visibility = "hidden";
document.getElementById("bilde3").style.visibility = "hidden";
} else {
document.getElementById("bilde2").style.visibility = "visible";
document.getElementById("bilde3").style.visibility = "visible";
document.getElementById("bilde1").style.width = "30%";
document.getElementById("bilde1").style.height = "30%";
}
(flag1)?flag1=false:flag1=true;
}
function bigimg2(){
if(flag2){
document.getElementById("bilde2").style.width = "100%";
document.getElementById("bilde2").style.height = "100%";
document.getElementById("bilde1").style.visibility = "hidden";
document.getElementById("bilde3").style.visibility = "hidden";
} else {
document.getElementById("bilde1").style.visibility = "visible";
document.getElementById("bilde3").style.visibility = "visible";
document.getElementById("bilde2").style.width = "30%";
document.getElementById("bilde2").style.height = "30%";
}
(flag2)?flag2=false:flag2=true;
}
function bigimg3(){
if(flag3){
document.getElementById("bilde3").style.width = "100%";
document.getElementById("bilde3").style.height = "100%";
document.getElementById("bilde2").style.visibility = "hidden";
document.getElementById("bilde1").style.visibility = "hidden";
} else {
document.getElementById("bilde2").style.visibility = "visible";
document.getElementById("bilde1").style.visibility = "visible";
document.getElementById("bilde3").style.width = "30%";
document.getElementById("bilde3").style.height = "30%";
}
(flag3)?flag3=false:flag3=true;
}
</script>
</head>
<body>
<img src="bilde1.jpg" id="bilde1" alt="pic" width="30%" onclick="bigimg1()">
<img src="bilde2.jpg" id="bilde2" alt="pic" width="30%" onclick="bigimg2()">
<img src="bilde3.jpg" id="bilde3" alt="pic" width="30%" onclick="bigimg3()">
</body>
</html>