웹미니 - 블로그: 플래쉬

레이블이 플래쉬인 게시물을 표시합니다. 모든 게시물 표시

2008년 9월 21일 일요일

[플래쉬]플래쉬 아래로 레이어가뜰때 해결방법

추가해 줍니다.

<embed> 태그만 사용시는 <embed> 태그에

wmode="transparent"

추가해 주면 됩니다.

투명하게 할때도 사용됩니다.

[플래시]Flash Player 9.0.115.0 ActiveX 컨트롤 문제

IE용 플래시 플레이어 ActiveX 콘트롤이 9.0.115.0으로 버전 업이 되면서 getURL 을 통해 주소이동이 안되는 경우가 있습니다.

어도비사에서도 Flash Player 9.0.115.0 update 3의 알려진 버그라고만 하며 아래 주소에 있는 임시방편만 내놓은 상태입니다.

참고주소 : http://kb.adobe.com/selfservice/viewContent.do?externalId=50c1cf38&sliceId=2

일단 자신의 컴퓨터에서 작동이 안될경우
웹브라우즈 도구 -> 추가 기능 -> Shockwave 버젼 확인 -> Flash9e.ocx로 되어있나 확인해 보시기 바랍니다.

웹페이지 플래쉬 호출하는 소스를 보시면 예전에는 아래와 같았습니다.

하지만 위에 주소에서도 확인하셨듯이 아래의 주소로 수정되었습니다.

주소가 마이크로미디어에서 어도비로 바뀌었군요.. 대충 짐작하시리라 생각됩니다.

[플래쉬]플래쉬 액션 스크립트 3.0 getURL

플래쉬 액션 스크립트에서 버튼클릭시 원하는 주소로 가게 하기 위해서 getURL() 을 사용했지만, 3.0에서는 아래와 같이 바뀌었습니다.

navigateToURL()

새창을 띄울경우는 아래와 같습니다.

navigateToURL(new URLRequest("주소"), "_blank");

[플래쉬]플래쉬에 마우스 오른쪽 버튼 클릭시 메뉴 줄이기

해당 fla 파일에 빈프레임을 만드시고 프레임안에

Stage.showMenu = false;

소스를 삽입해주세요.

[플래쉬]플래쉬 테두리 생기는 문제 코딩법

윈도우 자동업데이트로 익스플로러에서 플래쉬의 테두리가 생기는 문제점이 있습니다. 해결방법으로는 아래 목록에 올렸듯이 윈도우 패치를 하는 방법이 있지만 패치를 안한컴퓨터에서는 테두리가 그대로 보이게 됩니다.
이럴경우 플래쉬를 불러올때 코딩을 아래처럼 하시면 됩니다.
플래쉬들어갈 곳에 아래소스를 삽입합니다.

경로와 가로세로 사이즈는 각자 맞게 수정하세요.

여기에서 색과 투명값등은 사용자에 맞게 수정하시면 됩니다.
외부로 js로 저장후 불러들일려면 아래소스를 삽입하시면 됩니다.

다른방법 (개인적으로 이방법이 가장 좋은거 같습니다.)

http://www.iezn.com/test/ie/index.php
위 주소로 가신후 최신 패치(js)를 다운받으시고, 다른 수정사항없이 그대로 플래쉬를 호출하면 됩니다.
물론 <head>와 </head>사이에 다운받으신 js를 불러들이면 됩니다.

위 주소로 접속이 안될시 아래소스를 js로 저장후 불러들이시면 됩니다.

//////////////////////////////////////
// IE Embed patch
//
// @author iezn@iezn.com
// @homepage http://iezn.com
// @create date 2006.04.19
// @last modify 2007.02.15
// @version 0.42
// 배포시 위내용을 포함해 주시기 바랍니다
//////////////////////////////////////
/**
* embed 패치 적용 컨테이너
* null인경우 document 값을 기본으로 합니다
* id값을 설정한경우 설정범위 내에만 적용이 됩니다
*
* 본문이나 일부 노드에만 적용할경우 해당 노드의 id 값을 입력하실 수 있습니다
* 예)
* var __embed_target_id = "contents";
* 로 처리한경우 body 내에 <태그 id="contents">플래쉬,동영상...</태그>
* 안에 내용에만 패치가 적용됩니다
*/
if(typeof(__embed_target_id)=='undefined'){
var __embed_target_id = null;
}

/**
* embed 패치를 적용할 태그를 설정합니다
* 기본값은 object,eembed,appelt 태그입니다
* false 값인경우 패치에서 제외됩니다
*/
if(typeof(__embed_tags)=='undefined'){
var __embed_tags = {object:true,embed:true,applet:false}
}

/**
* 플래쉬파일중 flashvars 를 사용할경우 해당 플래쉬의 오브젝트아이디:true 값으로 object를 등록해 주세요
*/
var __flash_force_objs = {};
if(navigator.userAgent.toLowerCase().indexOf('opera')==-1){//opera out
if(document.attachEvent){
document.write('<style type="text/css">');
document.write('object,embed{display:none;}');
document.write('</style>');
document.attachEvent('onreadystatechange',
function (){
if(__embed_target_id===null){
var __target = document;
}else{
var __target = document.getElementById(__embed_target_id);
}
if (document.readyState == "complete"){
function _replace(obj){
var obj_re = document.createElement(obj.outerHTML);
obj_re.style.display='inline';
obj.parentNode.replaceChild(obj_re,obj);
}
function _inner(obj){
obj.style.display='inline';
var html = obj.outerHTML;
var classid = obj.classid.toLowerCase();
if(classid=='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' && typeof(__flash_force_objs[obj.id])=='undefined'){//flash 인경우
obj.insertAdjacentHTML('beforeBegin',html);
obj.parentNode.removeChild(obj);
}else if(classid=='clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b'){
//퀵타임

}else{
//변경하고자하는 ActiveX classid 를 추가하시기 바랍니다
if(classid=='clsid:6bf52a52-394a-11d3-b153-00c04f79faa6' || //media 7
classid=='clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95' || //6.4
classid=='clsid:6bf52a52-394a-11d3-b153-00c04f79faa6' ||
classid=='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'
){
embed_pos = html.indexOf('embed');
if(embed_pos!=-1){//embed 가 존재하는경우
var embed = '<'+html.substr(embed_pos);
embed = embed.substr(0,embed.length-9);
obj.insertAdjacentHTML('beforeBegin',embed);
obj.parentNode.removeChild(obj);
}else{
//object로만 되어 있는경우 동영상 부분만 패치한다
var embed = document.createElement('embed');
if(obj.id){
embed.id = obj.id;
}
var total = obj.childNodes.length;
//embed.setAttribute('autostart',0);
if(obj.width){
embed.setAttribute('width',obj.width);
}
if(obj.height){
embed.setAttribute('height',obj.height);
}
for(var k=0;k<total;k++){
n = obj.childNodes.item(k).getAttribute("name");
v = obj.childNodes.item(k).getAttribute("value");
if(n=='URL' || n=='url' || n=='FileName'){
n = 'src';
}
embed.setAttribute(n,v);
}
if(embed.getAttribute('src')){
embed.style.display = 'inline';
obj.parentNode.replaceChild(embed,obj);
}else{
//파일엑세스 object가 아닌경우는 유지한다
}
}
}
}
}

if(__embed_tags.object===true){
var objs = __target.getElementsByTagName('object');
var i = objs.length;
while(i-->0){
_inner(objs[i]);
}
}
if(__embed_tags.embed===true){
var objs = __target.getElementsByTagName('embed');
var i = objs.length;
while(i-->0){
_replace(objs[i])
}
}

if(__embed_tags.applet===true){
var objs = __target.getElementsByTagName('applet');
var i = objs.length;
while(i-->0){
_replace(objs[i])
}
}
}
}
);
}
}

외부로 불러들인 경우

플래시 플레이어 ActiveX 콘트롤이 9.0.115.0으로 버전 업이 되면서 getURL 을 통해 주소이동이 안되는 경우 플래쉬 호출하는 방법은 http://www.webmini.net/335 의 글을 참고하세요.

2007년 12월 27일 목요일

[잡담]금융사이트들 플래쉬로 난도질을 했구만..

인터넷뱅킹을 이용하는 모든 사용자들이 얼마만큼 공감할지는 모르겠습니다.
자주 금융사이트를 방문하고 이용하는 저로서는 너무 느려서 이용하기가 상당히 불편하더군요..
왠 플래쉬와 플렉스로 난도질을 했는지 그이유를 모르겠습니다. 여러 사이트가 플래쉬로 만들어서 따라하는건지.. 아님 플래쉬를 넣어야 고급스러워 보여서 그런건지.. 물론 플래쉬로 만들어도 되는 사이트가 있는 반면에 구지 용량이 큰 플래쉬를 사용자에게 불편함을 주면서 까지 필요이상으로 넣지 말아야 하는 사이트가 있습니다.

예술적인사이트나 영화사이트, 회사, 기타 개인사이트처럼 자유로운 구성을 가져도 되는 사이트등에서는 플래쉬의 성격을 잘살려서 만들면 그만큼의 값어치가 더할것입니다.
하지만 금융사이트나 결제가 이뤄지는 사이트들을 꼭 플래쉬로 이용해서 만들어야 할까요. 물론 상단 GNB나 LNB 같은 경우 플래쉬를 사용해도 불편함이 없으면 상관이 없지만, 가뜩이나 엑티브엑스 때문에 느린데, 플래쉬까지 들어가니 로그인하기도 상당히 불편하고, 심지어는 원하는 메뉴를 찾기도 어렵습니다.

위에 사이트는 국민카드 입니다. 웹어워드코리아 2007 카드/캐피탈분야에서 최우수 홈페이지선정까지 되었습니다.
그래서 묻고 싶습니다. 웹어워드코리아는 평가기준이 플래쉬(플렉스)의 구현능력으로 평가가 되는건지..

우리은행 사이트 입니다. 리뉴얼한지 얼마되지 않았지만, 짜잔~하고 나온게 역시나 플래쉬로 난도질을 했더군요.. 아주 느려터져서 마찬가지로 이용하기 상당히 짜증납니다.

롯데카드 말할것도 없습니다. 필요이상으로 플래쉬로 도배를 했지요..

현대카드 사이트는 그나마 타 사이트에 비해 빠른편이었습니다. 그리고 플래쉬를 사용해야하는 부분을 잘 활용을 한거 같더군요.

삼성카드 사이트도 필요한 부분만 적당히 플래쉬로 구현을 한거 같은데 상단 GNB는 정말 사용자 접근성은 전혀 신경안쓰고 만든거 같다는 생각이 듭니다. 클릭하기 상당히 불편하죠.

외환은행 사이트는 메인쪽에 플래쉬가 필요한 부분을 잘 살려서 넣었고, 서브메뉴도 이용하기가 그나마 괜찮았습니다.

비씨카드는 국민카드에 이어 대표적인 플래쉬 난도질 사이트였습니다. 리뉴얼 한지 얼마 안됐는데, 필요이상으로 플래쉬를 사용함으로 해서 아주 느리고 사용하기가 참 불편했습니다.

파이어폭스에서 봤을때 위처럼 나오는 페이지도 있더군요..

다음은 티월드 입니다. 물론 웹어워드코리아에서 수상을 한사이트입니다. 혹시 티월드 초창기 오픈했을때를 기억하십니까? 아주 느려터져서 인내심을 테스트하는 느낌을 주었던 사이트였습니다. 얼마후에 바로 리뉴얼 되었죠.
몇번의 리뉴얼이 있었지만 지금도 느려터지기는 마찬가지 입니다. 그래서인지 하단에 텍스트 보기가 따로 있군요..

물론 플래쉬가 잘못되었거나, 디자인과 구성및 기술등이 이상하다는 소리는 절대적으로 아닙니다.
위에 사이트들은 어느 누가 봐도 디자인과 기술 그리고 모든 구성은 놀랄만큼이나 훌륭한 사이트들입니다.
하지만 위에 사이트들은 예술적인 사이트가 아니지 않습니까..
사용자가 위에 사이트들을 들어가는 첫번째 이유는 무엇일까요? 디자인이 훌륭해서? 플래쉬의 구현능력이 너무 재미있어서?
통장에 급여가 들어왔나 확인하고, 급한돈을 빨리 이체해 줘야하는 상황인데 플래쉬의 화려함이 뭔소용이 있겠습니까.
마음은 급한데 느려터진 사이트를 보면 인상부터 나올겁니다.

분명 웹에이전시에서 위에 사이트들을 만들었을텐데 제발좀 플래쉬가 필요한 사이트에서만 플래쉬를 사용해주세요. 사용자 접근성은 왜 생각을 안합니까? 플래쉬의 현란한 기술을 그렇게 보여주고 싶으면 금융사이트말고 플래쉬가 필요한 사이트에서 그 기술들을 보여주세요. (ex 취화선)

클라이언트가 해달라면 당연히 해줘야겠지만, 기획자가 이런부분은 한번쯤 얘기해도 되지 않을까요?
블로그가 왜 인기가 좋다고 생각하십니까.. 디자인이 예뻐서도 아니고, 플래쉬의 현란함이 있어서도 아닙니다.

제발 사이트의 기본본질은 지켜주시기 바랍니다. 우리는 이용하기 편한 사이트를 원합니다..

2007년 4월 23일 월요일

[잡담]재미있는 플래쉬 게임(?) 사이트?

심심할때 해보세요.

http://chameleon.subliminal.at/

게임방법은 간단합니다.

start game 를 누르고 안으로 들어가면 첫레벨에서는 두개이 박스가 돌고 있답니다.

같은 그림이 나오면 마우스로 클릭을 합니다.
물론 한번 클릭한 박스는 움직이지 않습니다. 그때 마춰주는거죠...

회색(?) 박스에 하얗게 무언가 있죠? 그게 시간입니다. 다 내려가면 다시 박스가 돌죠

같은 그림이 되면 다음 레벨로 넘어갑니다.
점점 박스의 갯수가 늘어나면서 어려워지죠...

9단계부터 고비더군요.. 한번해보세요..^^

2007년 3월 22일 목요일

[잡담]재미있는 토끼 사이트

http://ferryhalim.com/orisinal/g3/bells.htm

위에 사이트를 들어가서 큰화면을 클릭하면 토끼가 떨어지는 종(?)을 밞고 올라간다..
물론 종을 잘 밟아서 얼만큼 위로 더 올라가는가에 따라 점수가 높아진다.

마우스로 토끼를 제어하면서 종을 밟으면 된다.. ㅋㅋ

심심할때 해보심이..

2007년 3월 16일 금요일

[잡담]구글어스? 플래쉬 어스?

구글어스는 모두들 잘아시리라 생각됩니다.
자기가 찾고자 하는 위치를 자세히도 보여주는 구글의 서비스입니다.

하지만 플래쉬 어스는 속도도 구글어스에 비해 빠르고 모든게 플래쉬로 이루어져 있습니다.
참신기하지요.

검색을 해보니 아래와 같이 소개가 되더군요.

자~ 그럼 한번 구경해봅시다.
http://www.flashearth.com/

첫화면 부터 심상치 않군요.. (영어라서..)

저는 먼저 오른쪽 메뉴를 클릭해보았습니다.

딱보니 회사 소개 페이지인거 같았습니다.. (뎅장 다 영어네 -.-)
재미가 없어서 다시 처음으로 돌아가서 왼쪽메뉴를 클릭!

제일먼저 눈에 띄는 메뉴가 flash earth 더군요. 클릭해 봤지요..
(다른메뉴들은 플래쉬로 된 TV,게임,오디오등을 서비스해주는 곳 같았습니다.)

어라 다시 처음으로 돌아가네? 그래서 메뉴말고 정중앙을 클릭하니 지구가 보이더군요.

저는 서울 (seoul)로 찾기를 해보았습니다.

쫘~악 하고 확대가 되더군요.. 하지만 줌을 땡기는부분에서 너무 가까이는 안땡겨지더군요.

이렇게 나오네요?

왼쪽메뉴는 구글 맵과 야후맵등 사용자에 선택에 따라 맵색이 바뀌더눅요.. 해당 사이트에서 보여주는 맵을 의미하는거 같았습니다.

재미삼아 들어가보는 것도 괜찮은거 같습니다. 전 굉장히 신기했는데, 어떠실지 모르겠군요..!

2007년 3월 2일 금요일

[잡담]괜찮은 모션그래픽 사이트

신기한 사이트 인거 같아서 포스팅 해봅니다.
http://www.wildcard.jp.org/

역시나 일본 도메인인걸 봐서 일본사람 같군요..

첫페이지를 보니 마우스를 화면에서 움직일때마다 선이 그려지더군요. ㅎㅎ

두번째 페이지에서는 색이 약간 있네?

세번째 페이지는 선이 굵직하네요 ㅎㅎ

네번째 페이지 이건 뭐지? 사막인가?

다섯번째 페이지는 선움직임이 빠르네요. 사이트에서 주고자 하는 메세지는 뭘까?