묻고답하기
이미지 변환 소스인데요.. 여러장 할수 있도록 고수님 답변 부탁..
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
댓글 0
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| mydesign | (한번 더봐주세요)백성찬님! 가르쳐 주세요. [5] | 2009.07.31 by mydesign |
| hanant | 게시판 이미지 크기 고정문제 [2] | 2009.08.02 by misol |
| 오스카 |
<xe>폴더 속의 파일들을 <루트>로 이동하고, 설치중 다음 메시지가 떳는데요...
[4]
 | 2009.07.31 by 오스카 |
| 싸나이김 | 아이프레임..수정 방법 [2] | 2009.07.31 by 싸나이김 |
| 포카리 | 백성찬님 [5] | 2009.07.31 by 백성찬 |
| 더# | 활성화된 프로젝트에 나오는 최신글 위젯은 배포 안되었나요??? | |
| jung01319 | 초기화 할려면 무슨파일만 지우면됨? [2] | 2009.07.31 by ㅇㄹㄴㅇ |
| 맥님 | 특정한 게시글 호출 문제 | |
| ㅂ | 제가 초보라서.. 문의드립니다.[수정] [2] | 2009.07.31 by HolyJohn |
| 만뽕 | 관리자 메뉴가 다르게 보여요 ... [2] | 2009.07.31 by 1234 |
| 오스카 | 좌측 메뉴 밑에 달력을 넣으려는데 어떻게 넣나요? [2] | 2009.07.31 by jinlee3 |
| jung01319 | 메뉴 어덯게해요? | |
| 하늘 | 제로보드XE 게시판 위치 설정하는방법좀 알려주세요 급합니다! | |
| hamm | 페이지 사이즈에따라 버튼 위치가 이동해요.. | |
| 에효 | face off가 고장 났어요 ㅠ | |
| 똥그리맘 |
갤러러형 게사판 가운데 정렬 안되나여?
| |
| SHIBATA KAN | Sqlite file의 권한 설정에 대해서... | |
| 실이 | 동영상이 안나와요~ㅜㅜ [2] | 2009.07.31 by 실이 |
| kangta |
중국어를 선택했는데 한국글이 나타나는 문제입니다.【제로보드 관리자님들~~~】
[3]
| 2009.07.31 by kangta |
| 백색악마 | 관리자 비번 아이디 분실 [1] | 2009.07.31 by 이.카.루.스 |