묻고답하기
이미지 변환 소스인데요.. 여러장 할수 있도록 고수님 답변 부탁..
2004.01.27 12:48
밑에 예제보시면 아시겠지만.. 스르륵 이미지가 변화는 소스인데요..
그림 여러개를 하고 싶은데.. 2장 밖에 안되네요,, 고수님 여러장 할수 있는 소스점 갈켜 주세여..
*소스시작*
<html>
<head>
<title>트랜지션을 이용한 이미지 체인징 스크립트</title>
<!-- 1. 아래의 스크립트를 <HEAD></HEAD> 사이에 넣으세요. -->
<script language=javascript>
var current=1;
img1=new Image();
img2=new Image();
img1.src="img1.gif"; //효과가 적용될 처음 이미지를 지정합니다.
img2.src="img2.gif"; //효과가 적용될 두 번째 이미지를 지정합니다.
function objplay() {
obj.filters.blendTrans.apply();
if(current==1) {
obj.src=img2.src;
current=2;
}
else {
obj.src=img1.src;
current=1;
}
obj.filters.blendTrans.play();
}
</script>
<!--<HEAD></HEAD> 부분에 여기까지 넣습니다.-->
</head>
<!--<BODY> 태그내에 onload="" 혹은 onunload="" 부분을 넣으세요-->
<body onload="objplay();"> <!--브라우저가 열릴 때 objplay()함수를 실행합니다.-->
<p align="center">
<b>* 이미지가 서서히 전환되는 효과입니다.</b>
<br><br><br>
<!--처음 보여줄 이미지를 지정하고 블렌드 트랜지션효과를 지정해줍니다.-->
<img name="obj" style="filter:blendTrans(duration=3);" src="img1.gif" width=330 height=379 onfilterchange="setTimeout('objplay();',2000);">
</p>
</body>
</html>
*소스 끝*
예제보기 주소
http://banner1.com.ne.kr/index.html
그림 여러개를 하고 싶은데.. 2장 밖에 안되네요,, 고수님 여러장 할수 있는 소스점 갈켜 주세여..
*소스시작*
<html>
<head>
<title>트랜지션을 이용한 이미지 체인징 스크립트</title>
<!-- 1. 아래의 스크립트를 <HEAD></HEAD> 사이에 넣으세요. -->
<script language=javascript>
var current=1;
img1=new Image();
img2=new Image();
img1.src="img1.gif"; //효과가 적용될 처음 이미지를 지정합니다.
img2.src="img2.gif"; //효과가 적용될 두 번째 이미지를 지정합니다.
function objplay() {
obj.filters.blendTrans.apply();
if(current==1) {
obj.src=img2.src;
current=2;
}
else {
obj.src=img1.src;
current=1;
}
obj.filters.blendTrans.play();
}
</script>
<!--<HEAD></HEAD> 부분에 여기까지 넣습니다.-->
</head>
<!--<BODY> 태그내에 onload="" 혹은 onunload="" 부분을 넣으세요-->
<body onload="objplay();"> <!--브라우저가 열릴 때 objplay()함수를 실행합니다.-->
<p align="center">
<b>* 이미지가 서서히 전환되는 효과입니다.</b>
<br><br><br>
<!--처음 보여줄 이미지를 지정하고 블렌드 트랜지션효과를 지정해줍니다.-->
<img name="obj" style="filter:blendTrans(duration=3);" src="img1.gif" width=330 height=379 onfilterchange="setTimeout('objplay();',2000);">
</p>
</body>
</html>
*소스 끝*
예제보기 주소
http://banner1.com.ne.kr/index.html