홈페이지를 보면 두개의 이미지가 부드럽게 바뀌는 것을 자주 볼 게 된다.

엄청 어려운 기술로만 생각을 했는데 자바스크립트에서 단 몇 줄만 넣으면
부드럽게 바뀌는 이미지가 만들어진다는 것에 난 당혹감을 감추지 못하였다.....;; 헐;;

소스코드는 아래와 같다.



첨부된 아래의 예제 파일을 받고 실행 해보라... 놀랍다.



간단하게 소수 분석을 하자면 IMG 태그에서 style옵션에 duration=10은 10초동안
두개의 이미지가 변경되는 것을 의미하는 것이다.


    
은 현재 faceoff라는 IMG에 있는 이미지를 고정시키고 있다가


    
이미지를 face_2.gif로 변경하고


    
이제 Apply함수 수행했을때 이미지랑 최근에 바뀐 이미지로 변환하는 것을
시작하라(play)는 명령이다.    

이런 좋은 소스를 무료로 제공해주신 분께 최소한의 예의로 아래에 출처와
소스코드의 변수명을 변경하지 않고 그대로 올렸습니다~

출처 : http://cbkim.wkhc.ac.kr/
        며루치님의 블로그글

대화창에 내 얼굴이 나온다면 어떨까...?? ㅎㅎ

물론 잘생긴 얼굴은 아니다만, 그래도 재밌지 않은가... 인생 머 있나 즐겁게 살면 되는 것이지...

이걸 한 번 만들어보자.
물론 이미지는 gif, jpg든 상관 없지만 용량 작은 gif를 사용하는 것이 좋겠다.
어자피 이미지 크기는 네이트온에서 자동으로 작게 조절되니 화질 그렇게 안좋아도 된다.

각 자 이미지는 포토샵이나 기타 등등 그림판 등을 이용해서 만들자.
꼭, 자신의 얼굴이 아니어도 된다.
친구 얼굴을 만들어 넣어도 괜찮다.(단, 친구가 초상권 침해를 운운하면 곤란해지니.. 난 내 얼굴로 했다...)

이미지가 만들어졌다면 설정(S)에서 이모티콘 설정(E)이란 곳으로 가보자.

그럼 내 이모티콘 만들기라는 창이 뜨는데 맨 밑에 '대화창에 사용자 지정 이모티콘 사용하기'는
기본으로 체크가 되어있을 것이다. 혹시 체크 되어있지 않다면 체크를 하자!
그리고 추가하기(A)를 누르면 MY 이모티콘 추가란 창이 뜨게 된다.
이미지에 친절히 설명해놔서 금방 이해하리라 믿는다.



찾아보기를 클릭해서 대화창에 나올 이미지를 선택하고, 그 밑에 입력칸에는 어떤 글을 쳐야 이미지가 나올지를
정하는 것이다.
나는 '명국'이란 글씨를 대화 중에 치면 내 사진이 나오도록 했기 때문에 '명국'이라 입력하였다.

그리고 확인 버튼을 누르면 끝난다.

이제 친구들이랑 대화 중에 자기 이름을 말해보자...
친구들이 당황스러워하면서도 재미있다는 반응 보일 것이다. 후훗

NateOn Version 3.5.16.1 (615) 버전 기준으로 작성됨

참고로 이 설정은 컴퓨터를 옮기면 다시 설정을 해주어야 한다.
집에서 설정하면 집 컴퓨터에 저장만 되므로 학교가서 사용하려면 학교 컴퓨터에도 또 설정을
해주어야 한다.
마지막에 내 이미지를 넣어둔거는 나도 딴 곳에가면 설정하기 편하려고 이미지
올려놓은 것이다. 그러니 무단으로 퍼가지 말라... 나도 쑥쓰럽다..ㅜㅜ