티스토리 뷰

우리나라만큼 플래시에 애착을 갖는 나라도 드물것이다.

애플을 그렇게 좋아하면서도, 플래시 만큼은 포기하지 않는 클라이언트들과 기획자들이다.

그들이 보기에 플래시는 화면을 보다 풍성하고 동적으로 꾸며주는 훌륭한 비주얼 요소지만, 플래시 자체가 표준에 부합하지 않는 플러그인 개체이며, 그나마에서의 표준 코드로 플래시를 삽입하면 표준 브라우져들은 깔끔하게 잘 보여주지만, 정말 세세한 부분까지 맘에 안드는 인터넷 익스플로러에선 순간엑박 현상이 생기기 때문에 개발 실무자들에게 플래시는 언제나 찝찝한 존재다.

그런 고민을 덜어주는 자바스크립트 오픈 소스가 바로 swfobject 다.

swfobject 는 http://code.google.com/p/swfobject 에서 받을 수 있으며, <head />안에 스크립트를 삽입하고 아래와 같이 사용하면 된다.



<div id="TARGET">대체 컨텐츠</div>
<script>
var flash_vars = { autoplay:"true" }; 
var flash_params = { allowScriptAccess:"always", wmode:"transparent", menu:"false"};
var flash_atts = { id: "frontShow" , title: "플래시 사랑해요 ;;" };
swfobject.embedSWF
("URL", "TARGET", "넓이", "높이", "플래시버젼", null, flash_vars, flash_params, flash_atts);
</script>


이 스크립트는 <embed> 와 같은 불필요한 태그를 사용하기 위해 IE 전용 코드를 직접 삽입하지 않아도 되며, 플래시가 지원되지 않는 장치에서는 DOM 조작 없이 곧바로 대체 컨텐츠를 보여주고, 플래시가 지원되는 환경에서만 <object> 엘리먼트를 대체 컨텐츠가 들어가 있던 자리에 대치시켜 준다. 

플래시를 싫어하는 나같은 사람에겐, '대체 컨텐츠' 라는 말도 별로 맘에 드는 표현은 아니지만 어찌되었든 대체 컨텐츠가 플래시 로드 <object> 안에 가려져 있는 것 보다는 이게 더 보기 좋다.

댓글