본문 바로가기

Knowledge/Web

메인화면에 적당한 플래쉬..ㅎ :: 예쁘네용.

출처는 http://notepad.wo.tc/ 이곳입니다.
자세한건 이곳에서 찾아보시면 나오구요.
저도 아직 정확히 모르는 지라 질문에 대한 답변도 어려울듯..ㅎ
한번 해보세요..ㅎ









위와 같은 Slide 효과의 플래시를 사용할 수 있도록 마련된 설명서 입니다.

카페 대문 문제로 고민하시는 분들께 좋을 것 같습니다.

?용도
- 사이트 첫 화면, 네이버 카페 대문, 다음카페 대문


?장점
- 비교적 적은 노력으로 멋진 디자인을 연출할 수 있습니다.
- 플래시를 다룰줄 몰라도 됩니다.
- 스크립트 위주로 제작되어 용량이 적습니다.


?활용 예
http://cafe.naver.com/lovetaylor


?준비물
- 어떤 문구를 사용할 것인가 정해야 합니다.
- 너비 및 높이를 정해야 합니다. (네이버 대문은 플래시 가로 사이즈 741을 권합니다)
- 이미지를 5개 이상 준비해야 합니다. (가로 사이즈를 구하는 방법은 아래에서 소개합니다)
- 사이즈를 바꾸려면 플래시(Flash MX 2004 이상)가 있어야 합니다. (디폴트 741*320)


?방법
아래에서 소개합니다.


 

1. 다운로드
첨부된 4개의 파일을 받으세요. load.fla snow.swf slide.swf slide.txt
load.fla 파일을 열어 너비와 높이를 바꾸어 퍼블리싱 해줍니다.
load.swf 라고 하겠습니다.

 

2. 역할 및 데이터 연동
slide.txt : 세팅 파일
load.fla : 너비 및 높이를 정해주는 껍데기파일
slide.swf : 핵심파일입니다.
snow.swf : 눈내리는 효과
붉은 색으로 된 파일은 자신이 수정해야 합니다.
다음 태그가 작동하는지 게시물에 테스트해보세요.
<embed src="http://fs.textcube.com/blog/2/26747/attach/XVvj9phvvS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="741" height="320" flashvars="var_url_txt=http://elkha.textcube.com/119/attach/slide_3.txt"></embed>
정상적으로 나온다면 3번으로 넘어갑니다.

 

3. 이미지 사이즈 결정
세로 이미지 사이즈는 플래시 높이와 같습니다.
이미지 가로 사이즈를 결정하는데는 두가지 방법이 있습니다.
- 이미지 너비를 직접 결정: ㄱ 으로 이동
- 플래시 너비에 비례하여 이미지 너비 결정: ㄴ 으로 이동
 ㄱ. 이미지 너비를 정하면 플래시 너비가 바뀌게 됩니다.
slide.txt 파일을 열어 var_img_width 값을 입력합니다.
그리고 ㄴ 과정으로 갑니다.
 ㄴ. slide.txt 파일을 열어 다음 항목들을 찾아 설정합니다.
var_images=이미지갯수
var_var_test=info
저장하여 웹에 업로드 합니다 (저는 텍스트큐브를 이용했습니다)
위의 2. 과정에 쓰인 태그에서 http://elkha.textcube.com/119/attach/slide_3.txt 부분을 텍스트파일 주소로  태그를 입력해봅니다.
그럼 다음과 같은 화면이 나옵니다.

@ Width_i 최적화된 플래시 너비를 가리킵니다.
@ img_width 최적화된 이미지 너비를 가리킵니다.
이미지를 @ img_width 값에 맞게 리사이징하면 됩니다.
Width 값과 @ Width_i 값이 일치하지 않으면 load.fla 너비를 @ Width_i 에 맞게 퍼블리싱 해주는 것이 좋습니다.
너비를 정하면 var_var_test=;info 라고 돌려놓습니다.

 

4. 설정
slide.txt 파일을 열고 값을 입력하면 됩니다. (주석참조)
* 값을 입력할 때 의미없는 줄바꿈과 주석제거는 삼가해주세요.

 

5. 입력


<embed src="http://fs.textcube.com/blog/2/26747/attach/XVvj9phvvS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="너비" height="높이" flashvars="var_url_txt=slide.txt"></embed>
위의 태그를 입력합니다.

 

- 질문 및 건의
궁금하신점이나 제안사항은 http://notepad.wo.tc/qna 에 올려주세요.