스위시(swf) 이미지 만들기 방법 정리 (예시보기)및 사진 조절하기

 

 

울산 진하해수욕장에서 본 일출     스위시(swf) 이미지 만들기 방법 정리 (예시보기)    <img src="http://www.pennyparker2.com/image192.gif">     이 이미지를 가지고 스위시 이미지를 완성 하려면, 1. 이미지 주소 2. 스위시 주소 이 두 주소를 합쳐야 합니다. (그리고 복사한 스위시 소스로 이미지를 다시 불러올 수 없습니다. 저것을 그냥 사용하면 나중에 배꼽(빨간X) 만 보이게 됩니다. 그 이미지를 스위시로 쓰려면 일단 내 컴에 저장했다가 다시 불러오기 하셔서 사진 주소를 만드셔야 합니다.)     저 위의 이미지를 컴에 저장했다가 다시 불러내기 한 주소...     <IMG style="FLOAT: none; CLEAR: none" id=tx_entry_3151 class=txc-image border=0 hspace=1 vspace=1 src="https://t1.daumcdn.net/cfile/cafe/141D43134B5BF2268B" width=235 actualwidth="235"> =====> 이미지 주소가 변한게 보이시죠? ↗↗ 이 이미지 주소를 스위시 소스에 적용해야 합니다.   (스위시 주소는 너무 광범위하고 많기 때문에 완성해진 것으로 복사해서 사용 하겠습니다.)    먼저 이 이미지에 비 오는 효과를 넣어 보겠습니다. <TABLEbackground =https://t1.daumcdn.net/cfile/cafe/141D43134B5BF2268B>                                   └ 이미지 주소가 들어가는 곳 <TBODY> <TR> <TD><EMBED height=170 type=application/x-shockwave-flash width=235 src=http://cathy.junehost.com/cathysauce/rain.swf wmode="transparent">           └ 스위시 소스, 주소가 들어가는 곳    <TABLE background=https://t1.daumcdn.net/cfile/cafe/165A36234B5B1D1F02> <TBODY> <TR> <TD><EMBED height=170 type=application/x-shockwave-flash width=235 src=http://cathy.junehost.com/cathysauce/rain.swf wmode="transparent">  ===============> 완성된 스위시 소스    다음은 낙엽 내리는 이미지 입니다. (이미지가 확연히 보이도록 일부러 이렇게 넣었습니다. 눈이나 비, 또는 하트등 다른 스위시 소스를 사용 하셔도 됩니다.)   <TABLE background=https://t1.daumcdn.net/cfile/cafe/165A36234B5B1D1F02> <TBODY> <TR> <TD><EMBED height=170 type=application/x-shockwave-flash width=235 src=http://yjakimok.com.ne.kr/image/ma-1.swf wmode="transparent">  ===========> 이렇게 됩니다.    스위시 주소는 어떤 거라도 사용하실 수 있습니다. height 크기와 width 크기만 조절 하시면 됩니다.    <img src="https://t1.daumcdn.net/cfile/cafe/1606280C4B5C035891" class="tx-daum-image" style="FLOAT: none; CLEAR: none" actualwidth="200" border="0" hspace="1" vspace="1" width="200" />     <TABLE background=https://t1.daumcdn.net/cfile/cafe/1606280C4B5C035891> <TBODY> <TR> <TD><EMBED height=121 type=application/x-shockwave-flash width=187 src=http://yjakimok.com.ne.kr/swf/kij-1.swf wmode="transparent">     <TABLE style="WIDTH: 396px; HEIGHT: 265px" background=https://t1.daumcdn.net/cfile/cafe/1860D40D4B5C0B09A9> <TBODY> <TR> <TD><EMBED height=265 type=application/x-shockwave-flash width=396 src=http://yjakimok.com.ne.kr/swf/kij-1.swf wmode="transparent">    <TABLE border=0 cellSpacing=0 width=500 background=https://t1.daumcdn.net/cfile/cafe/1860D40D4B5C0B09A9 height=400> <TBODY> <TR> <TD><EMBED height=400 type=application/x-shockwave-flash width=500 src=http://yjakimok.com.ne.kr/swf/kij-5.swf wmode="transparent">   스위시 소스로 이미지를 만들 때 이미지가 여러개로 겹쳐서 생길 때나이미지외의 여백 부분이 생길 때 : 그림의 크기와 테이블 (플래시)의 크기가 다르면 이미지가 여러 개 생기거나 이미지외의 여백이 보입니다. 이럴 때는 테이블 (플래시)의 크기와 그림의 크기를 같게 하세요.     <TABLE background=https://t1.daumcdn.net/cfile/cafe/165A36234B5B1D1F02> <TBODY> <TR> <TD><FONT color=#000000><SPAN style="FONT-SIZE: 12pt"><EMBED height=176 type=application/x-shockwave-flash width=243 src=http://cathy.junehost.com/cathysauce/rain.swf wmode="transparent"></SPAN></FONT></TD></TR></TBODY></TABLE>       스위시 이미지 만들기 예제 / 사진크기 조절하기     이 이미지는 중복으로 (오른 쪽) 보이지요? 스위시 이미지에 비해 사진 크기가 크기 때문입니다.   스위시 이미지 크기를 조절할 수 있는 태그 소스라면 스위시 이미지 크기를 조절 하면 되겠지만,   이 스위시 이미지 같은 경우 크기 조절이 되지 않는 태그로 만들어졌기 때문에 할 수 없이 사진 크기를 조절해야 하지요.   이미지를 소스보기로 전환할 필요없이 간단히 조절 할 수 있어요. 현재 보이는 이미지(테두리)를 클릭하면 조절점이 생깁니다.      ↑↑ 이렇게요.. 그럼  지금은 가로 크기를 조절하면 되니까, 가로 조절점을 클릭해서 크기를 줄이면 됩니다.     완성된 이미지 입니다. 훨씬 이쁜 이미지가 완성 되었어요.    (참고로 이 이미지 두개는 이해를 돕기 위하여 캡쳐한 것으로 스위시 이미지는 뚜렷하게 잡히지 않았어요~)  Tip : 스위시 이미지 만들기 기본 태그 정리 <TABLE background.... 사진 주소 넣고, <TBODY> <TR>.... 기본적인 명령어들 삽입, <TD><EMBED .... 스위시 이미지 주소 넣고, </TD></TR></TBODY></TABLE>.... 마감 명령어들 삽입.