[스크랩] 사진 위에 스위시스크립터 올리기

 

 1.이미지


2.스위시스크립터



3.잘못된경우


4.제대로 된경우

 
1.
<img src=https://t1.daumcdn.net/cfile/cafe/192A060B4AE2E4D693>
위와같은 이미지에 아래와같은 스위시 소스넣기
2.
<EMBED a src="http://imgfree.21cn.com/free/flash/92.swf" width=455 height=357 >
먼저
이미지위에 소스를 넣으려면 
스위시소스를 이미지위에 겹쳐야 하겠지요
이미지위에 소스를 올리는방법은
크게 두가지가 있습니다...
첫째는 img src=....
이러한 이미지 주소를 table background=...
이와같이 바꾸어주고 스위시소스를 겹쳐주는방법과
다른하나는 
이미지주소를 그대로 둔채
스위시소스를 div를 활용해 스위시소스의 위치를
지정해주는방법입니다...
오늘은 첫번째 방법
img src=...을  table background=... 으로
바꾸어서 스위시 소스를 테이블안에 담는법입니다...
3.
<table background=https://t1.daumcdn.net/cfile/cafe/192A060B4AE2E4D693>
<tr>
<td width=460 height=362>	
<EMBED a src="http://imgfree.21cn.com/free/flash/92.swf" width=455 height=357>
</embed></td></tr></table>
ㅎㅎ
그림위에 스위시소스는 들어갔는데
스위시소스때문에 이미지가 안보이지요
이와같이 스위시소스의 주소만 갖어다 사용하면
이와같이 되고 말지요 이럴땐
스위시소스를 투명하게 만들어줘야 합니다..
투명하게 만드는 소스는 wmode="transparent"
입니다..이걸 스위시소스뒤에 넣어주심 됩니다..
4.
<table background=https://t1.daumcdn.net/cfile/cafe/192A060B4AE2E4D693>
<tr>
<td width=460 height=362>	
<EMBED a src="http://imgfree.21cn.com/free/flash/92.swf" width=455 height=357  wmode="transparent">
</embed></td></tr></table>
자세히 보시면 스위시스크립터의 크기가
이미지보다 약간씩 작은게 보일겁니다..
이와같이 스위시스크립터소스를 사용할경우
이미지보다 약간 작게 해주어야 깔끔하게 나옵니다
이미지와 같거나 오히려 이미지보다 클경우
이미지가 늘어아게되어 겹치게 되어 보기 싫게 됩니다...

─━☆아름다운 추억여행으로 클릭☆─━
 

 

출처 : 아름다운 추억여행으로

글쓴이 : 희야~♡ 원글보기

메모 :