|
스위시맥스에서 swf 파일을 만들면 그 파일을 블로그나 카페에 띄울 때 EMBED 태그를 쓰는 건 필연적인 사항이죠. 여러분들은 그 임베드 태그를 어떻게 사용하시는지... 맥스 옵션에 보면 내가 만든 swf 파일을 html 임베드 소스로 빼 주는 옵션이 있는데... 실은 이것이 많이 미진하다는 점입니다. 맥스를 만든 회사는 물론 저보다 모든 점에서 뛰어 나지만 적어도 "태그 소스 터치"는 비타주리가 상수 입니다. 믿어지지 않으시겠지만 사실입니다. 오늘 이 공지글은 여러분들이 사용하시는 스위시 파일을 띄우는 가장 최적화된 EMBED 태그소스를 소개시켜 드리는 것입니다. 먼저 아래 소스를 보죠. <EMBED src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type="application/x-shockwave-flash" width="760" height="580"> 이건 우리들이 가장 흔하게 사용하는 임베드 소스인데... 이 파일의 원본 가로 세로 길이는 가로 760픽셀에 세로 580픽셀 짜리의 파일 입니다. 여기서 가로 세로 길이를 원본과 다르게 기입하면 어떤 현상이 발생하나 살펴보죠...
<EMBED src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type=application/x-shockwave-flash width="650" height="470"> 원본 가로 세로 길이와 비율이 다르게 나타나는 부분은 저런식으로 흰색 뻘여백 처리됩니다. 여기서 흰색은 최초 맥스에서 작업할 때 작업창의 배경을 흰색으로 주었기 때문에 그런 거겠죠. 만일 저것을 맥스에서 검정색으로 주었다면 검은색으로 나타나구요. 이 뻘여백은 길이가 아닌 비율의 문제입니다. 즉 원본 길이가 760*580 인 파일은 450*300 이나 300*200 등으로 원본의 가로 세로 비율인 3:2 비율대로 가로 세로를 기입하면 저런 뻘여백 현상이 생기지 않습니다. 그럼...비율 이외 부분의 뻘여백을 없애는 속성은 없을까요? 아래처럼 scale=exactfit 란 임베드 하부 속성을 추가하면 제가 준 가로 세로의 길이대로 영상이 꽉 차 버린채 뻘여백이 없어집니다. 꼭 기억해 두세요. scale=exactfit 이 속성을... 아주 효용성이 높은 소스입니다.
<EMBED src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type="application/x-shockwave-flash" width="650" height="470" scale=exactfit> 이렇게 하면 swf 파일도 img 나 gif 처럼 임의로 흰여백 없이 규격을 조정할 수 있습니다.
<EMBED src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type="application/x-shockwave-flash" width="650" height="470" scale="exactfit" wmode=transparent> 이렇게 하면 모서리 부분등의 바탕부분이 있으면 투명으로 바뀌어 집니다... 나는 사각파일만 쓸 것인데 그게 무슨 상관이냐...그래도 상관이 있습니다. 여러분들이 포스트를 열고 파일이 로딩되는 시간 동안 단 영점 몇몇초의 로딩시간 동안이라도 파일을 읽는 시간만치 그 자리에는 "흰색빤짝이"가 뜨게 되어 있습니다. 하지만 wmode="transparent" 를 쓰면 파일이 첫로딩 되는 시간만치 "투명빤짝이"가 뜹니다. 따라서 찰나의 순간이라도 미적인 "불쾌감"이 없어집니다. 여러분이 스위시를 배우는 이유가 무엇입니까? 아름답고 멋진 포스트상의 표현력을 가지기 위해서가 아니겠습니까? 그런 점에서 이 속성은 스위시파일을 임베드로 띄울 때 거의 필수 불가결한 속성입니다. 이 속성을 쓰면 아래처럼 태그필터(사용에제:그레이-흑백전환 필터)를 먹일 수 있습니다. 이 속성을 쓰지 않으면 불가능한 일입니다.
<EMBED style="Filter:gray()" src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type="application/x-shockwave-flash" width="650" height="470" scale="exactfit" wmode="transparent"> 그리고 역마진이나 역포지션으로 스위시파일 위에 다른 Element 를 얹을 수 있습니다. wmode="transparent" 란 속성을 쓰지 않으면 이런 기교는 불가능한 일이죠. 아래는 원본 스위시파일 위에 눈 오는 스위시효과를 얹어본 겁니다. <DIV> wmode=transparent 란 속성은 스위시를 하시는 분들께 너무너무 무지무지 중요한 속성 입니다. 이 속성을 써야만 스위시하시는 분들도 단순 사각 테두리에서 라운드 테두리 등의 훨씬 다양화 된 형태의 기교를 시각적 불쾌감 없이 자유 자재로 표현할 수 있습니다. 마지막으로 menu=0 이란 속성입니다. 여태까지 나열된 위 파일들에 대고 우클릭을 해 보면 복잡한 메뉴창이 뜨는데 아래파일에 대고 우클릭해 보세요. 메뉴가 최소화 됩니다. 물론 이 속성이 필요한 파일이 있긴 있겠지만 그렇지 않을 경우에는 어떻게는 미적인 불쾌감을 최소화시켜주는 것이 모두에게도 좋은 일이겠죠.
<EMBED src="http://cafe.joins.com/cafefile/h/s/hspk80/눈물의강Movie1.swf" type=application/x-shockwave-flash width=650 height=470 scale=exactfit wmode=transparent menu=0> 따라서 제가 권하는 가장 좋은 소스는 특별한 경우가 아니라면 아래처럼 사용해 주시는 것이 좋습니다. <EMBED src="주소" type="application/x-shockwave-flash" width="가로" height="세로" scale="exactfit" wmode="transparent" menu="0"> |
'THML > ♣♣ html ♣♣' 카테고리의 다른 글
| img -- 시와 그리움이 있는 마을에서 펌 (0) | 2010.12.09 |
|---|---|
| 그림 소스 --예뻐서 시와 그리움이 있는 마을에서 퍼 왔ㅇ슴 (0) | 2010.09.01 |
| 아름다운 글 올리는방법 (0) | 2010.01.16 |
| 스위시 소스자료 모음|--솔이의 눈내리는 방에서복사함 (0) | 2009.10.02 |
| 이미지 옆에 글 넣기 (0) | 2009.04.29 |