## 이미지 위에 스위시 올리기 ##
<IMG src="https://t1.daumcdn.net/cfile/cafe/125F66464FAD4E9331" >
위와같은 이미지에 아래와같은 스위시 소스 넣기
<EMBED style="WIDTH: 395px; HEIGHT: 525px" type=application/x-shockwave-flash src=http://pds20.egloos.com/pds/201106/03/67/snow.swf>
먼저 이미지위에 소스를 넣으려면
스위시소스를 이미지위에 겹쳐야 하겠지요
이미지위에 소스를 올리는방법은 크게 두가지가 있습니다...
첫째는 img src=.... 이러한 이미지 주소를 table background=...
이와같이 바꾸어주고 스위시소스를 겹쳐주는방법과
다른하나는 이미지주소를 그대로 둔채 스위시소스를 div 를 활용해 스위시소스의 위치를
지정해주는방법입니다...
오늘은 첫번째 방법 img src=...을 table background=... 으로
바꾸어서 스위시 소스를 테이블안에 담는법입니다...
잘못된 경우
적용소스
ㅎㅎ 그림위에 스위시소스는 들어갔는데 스위시소스때문에 이미지가 안보이지요?
이와같이 스위시소스의 주소만 갖어다 사용하면 이와같이 되고 말지요
이럴땐스위시소스를 투명하게 만들어줘야 합니다..
투명하게 만드는 소스는 wmode="transparent" 입니다..
이걸 스위시소스뒤에 넣어주심 됩니다..
잘된 경우
적용소스
자세히 보시면 스위시스크립터의 크기가 이미지보다 약간씩 작은게 보일겁니다..
이와같이 스위시스크립터소스를 사용할경우 이미지보다 약간 작게 해주어야 깔끔하게 나옵니다
이미지와 같거나 오히려 이미지보다 클경우
이미지가 늘어아게되어 겹치게 되어 보기 싫게 됩니다...
출처 .. 좋은글과 좋은 음악이 있는곳 DAUM카페
'* 테그자료 > 테그 자료물' 카테고리의 다른 글
각종 테이블 (0) | 2012.11.02 |
---|---|
글씨체 (0) | 2012.10.28 |
[스크랩] 이미지 옆에 글넣기 (0) | 2012.10.14 |
각종 아이콘 (0) | 2012.10.06 |
[스크랩] 맘에 드는 이미지에 글넣기 (0) | 2012.07.06 |