- vp1_lab1_1.zip
- vp1_lab1_1
- include
- readme.txt
- sample_images
- flipper.html
- line_thickness.gif
- test5_1.png
- test5_2.png
- test5_3.png
- test6_1.png
- test6_4.png
- test6_5.png
- test6_6.png
- test6_7.png
- test6_99.png
- test7.png
- test7_1.png
- test7_2.png
- test8_1.png
- samples
- win32
- test5.exe
- test6.exe
- test8.exe
- X11
|
<html>
<body>
<div style="position:relative">
<img id="i1" src="test6_99.png" style="position:relative;"/>
<img id="i2" src="test7.png" style="position:absolute; left:0px; top:0px; visibility:hidden;" /><br />
<script>var shown=[0,2,0,0,0,0,0,0,0,0]</script>
<button style="width:806px;" onClick="
if ( !shown[0]) {
document.getElementById('i2').style.visibility='visible';
shown[0]=true;
} else {
document.getElementById('i2').style.visibility='hidden';
shown[0]=false;
}
">flip</button>
</div>
<div style="position:relative">
<img id="ib2" src="test6_4.png" style="position:relative;"/>
<img id="ib1" src="test6_99.png" style="position:absolute; left:0px; top:0px; visibility:hidden;"/>
<img id="ib3" src="test7.png" style="position:absolute; left:0px; top:0px; visibility:hidden;" /><br />
<button style="width:403px;" onClick="
if ( shown[1]==3) {
document.getElementById('ib1').style.visibility='hidden';
document.getElementById('ib2').style.visibility='visible';
document.getElementById('ib3').style.visibility='hidden';
shown[1]=2;
} else if ( shown[1]==2) {
document.getElementById('ib1').style.visibility='visible';
document.getElementById('ib2').style.visibility='hidden';
document.getElementById('ib3').style.visibility='hidden';
shown[1]=1;
}
"><</button>
<button style="width:403px;" onClick="
if ( shown[1]==1) {
document.getElementById('ib1').style.visibility='hidden';
document.getElementById('ib2').style.visibility='visible';
document.getElementById('ib3').style.visibility='hidden';
shown[1]=2;
} else if ( shown[1]==2) {
document.getElementById('ib1').style.visibility='hidden';
document.getElementById('ib2').style.visibility='hidden';
document.getElementById('ib3').style.visibility='visible';
shown[1]=3;
}
">></button>
</div>
<div style="position:relative">
<img id="ic1" src="test6_7.png" style="position:relative;"/>
<img id="ic2" src="test7_1.png" style="position:absolute; left:0px; top:0px; visibility:hidden;" /><br />
<button style="width:806px;" onClick="
if ( !shown[2]) {
document.getElementById('ic2').style.visibility='visible';
shown[2]=true;
} else {
document.getElementById('ic2').style.visibility='hidden';
shown[2]=false;
}
">flip</button>
</div>
</body>
</html>
|
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.
Chris H.F. Tsang
tyt2y3@gmail.com