paran/[ Script ]

슬라이드 - 이미지 체인징 효과

webdress 2004. 11. 2. 09:23

다른 그림으로 변할 때, 이미지 전체가 한꺼번에 변하는 게 아닌,

시작지점에서 끝지점으로 서서히 채워지며 다음 그림으로 전환하는 자바소스입니다.

예제에는 goku.jpg, gojyo.jpg 이렇게 두개의 그림이 사용됐습니다.

<body>

<script language="JavaScript">
<!--
var picture1="goku.jpg"
var picture2="gojyo.jpg"


var picturewidth=100
var pictureheight=100
//-->
</script>


<script language="JavaScript">
<!--
if (document.all) {
document.write('<OBJECT ID="DAControl_Wipe" ')
document.write('STYLE="width:'+picturewidth+';height:'+pictureheight+'"')
document.write('CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">')
document.write('</OBJECT>')
m = DAControl_Wipe.MeterLibrary;

whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe");

whatPictures = new Array();
whatPictures[0] = m.ImportImage(picture1);
whatPictures[1] = m.ImportImage(picture2);

forward = m.Interpolate(0, 1, 3);
back = m.Interpolate(1, 0, 3);
whatMovement = m.Sequence(forward, back).RepeatForever();

whatTransformation.GradientSize = 1.0;
whatTransformation.WipeStyle = 0;

theResult = m.ApplyDXTransform( whatTransformation, whatPictures, whatMovement );

DAControl_Wipe.Image = theResult.OutputBvr;
DAControl_Wipe.Start();

}
//-->
</script>

</body>

....................................................................................................

goku.jpg 와 gojyo.jpg 는 이미지체인징효과에 사용할 그림의 이름.
100 과 100 은 이미지체인징효과가 일어나는 범위(그림의 가로 세로크기에 맞춰주시면 되겠죠)

forward = m.Interpolate(0, 1, 3); 에서 3은 오른쪽방향( → ) 속도
back = m.Interpolate(1, 0, 3); 에서 3은 왼쪽방향 ( ← ) 속도입니다. 큰 수일수록 느려집니다.

*이미지가 jpg인 것만 적용 됩니다^^

★예제보기 ★

http://myhome.naver.com/kms8945/tagroom_ex.html

출처:태그야 노올자~!

http://cafe.naver.com/tagroom