<html>
<head>
<title>HAPPYCGI</title>
<SCRIPT language="Javascript">
<!--
var Init;
var H;
var W;
var tmpH;
var tmpW;
var Opacity = 100;
var GrayScale = 0;
var FH = 0;
var FV = 0;
var Inverse = 0;
var Command;
function action() {
Command = 'alpha(opacity=100, style=3, finishopacity=' + Opacity +') ';
Command += (GrayScale == 1 ? 'gray ':'');
Command += (FH == 1 ? 'FlipH ' : '');
Command += (FV == 1 ? 'FlipV ' : '');
Command += (Inverse == 1 ? 'Invert' : '');
return Command;
}
function clearEffect() {
Opacity = 100;
GrayScale = 0;
FH = 0;
FV = 0;
Inverse = 0;
Command = "";
imgObj.style.filter = action();
}
function increaseOpacity() {
if (Opacity >= 100) Opacity = 100;
else Opacity += 10;
imgObj.style.filter = action();
}
function decreaseOpacity() {
if (Opacity <= 0) Opacity = 0;
else Opacity -= 10;
imgObj.style.filter = action();
}
function gray() {
if (GrayScale == 1) GrayScale = 0;
else GrayScale = 1;
imgObj.style.filter = action();
}
function vertical() {
if (FV == 1) FV = 0;
else FV = 1;
imgObj.style.filter = action();
}
function horizontal() {
if (FH == 1) FH = 0;
else FH = 1;
imgObj.style.filter = action();
}
function invert() {
if (Inverse == 1) Inverse = 0;
else Inverse = 1;
imgObj.style.filter = action();
}
//-->
</script>
</head>
<body>
<center>
| <A HREF="#" onclick="clearEffect();">원래대로</A>
| <A HREF="#" onclick="gray();">흑백사진</A>
| <A HREF="#" onclick="decreaseOpacity();">밝게</A>
| <A HREF="#" onclick="increaseOpacity();">어둡게</A>
| <A HREF="#" onclick="vertical();">상하회전</A>
| <A HREF="#" onclick="horizontal();">좌우회전</A>
|
<p>
<table cellpadding=8 cellspacing=0 border=0>
<td bgcolor=white style="border:1px #999999 solid">
<img name="imgObj" src="http://demo.happycgi.com/jini/pick1.jpg" border=0>
</td>
</table>
</body>
</html>
|
