자바스크립트와 플래쉬 연동한 배너 > 자유게시판

자유게시판

자바스크립트와 플래쉬 연동한 배너 정보

자바스크립트와 플래쉬 연동한 배너

본문

네이버 배너를 보면 마우스가 over 되거나 click 되었을 때
화면중앙에 동영상이 플레이 되잖아요?
그런 배너와 비슷한 것을 만들고자 합니다.
다른점은 index page 가 열렸을때 화면중앙에 동영상이 플레이 되다가 닫기 버튼이 눌렸을때
마치 네이버 배너 처음 모습과 같은 상태로 돌아가게 하고픈데요.
 
대충 여러곳을 알아보면서 구현해보려고 하였으나 플래쉬에서 막히는 부분이 상당히 많네요.;;
일단 flash는 CS3 를 사용중이고, 2.0버전의 액션으로 작성되었으면 합니다.
 
javascript 가 가장 문제이긴 한데 토글 형식으로 해서 div를 이용해 만드는거 라고들 하던데 맞는건지..;
또 동영상이 플레이 되다 닫기 버튼이 클릭 되었을때 동영상이 처음 위치로 되돌아가서 배너 클릭시
처음부터 다시 플레이 되도록 하고자 합니다.
 
일단 막히는 부분은 토글식으로 만들어 보았더니 동영상은 계속해서 플레이 되는 상태가 되고
열때마다 계속해서 돌아가고 있네요 안보는 중에도,
javascript는 솔직히 학교에서 하는 실습외에는 별로 사용해본적이 없어서 기본적인것은 어느정도
 
사용가능하긴 한데 파해쳐 들어가면 모르는거 투성이 입니다.
이해하기 쉽게 알려달라는 말은 안하겠습니다.
 
주석만좀 달아주셧으면 합니다.
--------------------------------------------------------------------------------
아래 소스는 네이버 배너 소스 인데요 , 액션 소스 입니다.
s_mc_dragTarget -> 이 무비클립으로 되어 있는 인스턴스명 입니다.
도움이 되었으면 좋겠네요.
--------------------------------------------------------------------------------
s_mc_dragTarget.onRollOver = function ()
{
    s_mc_hand.gotoAndPlay(1);
    this.s_mc_effect.play();
    this.s_mc_product.icon.gotoAndStop(1);
};
s_mc_dragTarget.onRollOut = function ()
{
    s_mc_hand.gotoAndStop(1);
    this.s_mc_effect.gotoAndStop(1);
    this.s_mc_product.icon.gotoAndStop(1);
};
_root.onMouseMove = function ()
{
    if (m_bl_isPressed)
    {
        m_bl_isDraged = true;
    } // end if
    updateAfterEvent();
};
s_mc_dragTarget.onPress = function ()
{
    m_bl_isPressed = true;
    s_mc_hand.gotoAndStop(2);
    this.startDrag(false, 0, 0, 245, -50);
    this.s_mc_product._alpha = 70;
    this.s_mc_balloon._visible = false;
    this._parent.gotoAndStop(this._parent._totalframes);
};
var limitX = 225;
s_mc_dragTarget.onRelease = s_mc_dragTarget.onReleaseOutside = s_mc_dragTarget.onDragOut = function ()
{
    if (m_bl_isDraged)
    {
        m_bl_isPressed = false;
        stopDrag ();
        if (this._x < limitX)
        {
            this._visible = false;
            s_mc_hand._visible = false;
            flash.external.ExternalInterface.call("this.f280150.showAd()");
        }
        else
        {
            this.s_mc_product._alpha = 100;
            this.s_mc_balloon._visible = true;
            this.s_mc_effect.gotoAndStop(1);
        } // end else if
    }
    else
    {
        this._visible = false;
        s_mc_hand._visible = false;
        flash.external.ExternalInterface.call("this.f280150.showAd()");
    } // end else if
};
------------------------------------------------------------------------------------
javascript 와 Flash 를 연동해야 하니 아마 두가지를 다 이용하실줄 아는분 외에는 답이 안될거 같은데
실무에 계신 선배님들의 조언을 구하고자 합니다.. ㅠ_ㅠ
추천
0
  • 복사

댓글 2개

자바스크립트에서 플래쉬의 함수를 호출할 수 있도록 플래쉬의 외부 함수를 만들어 사용하시면 됩니다. 그러면 자바스크립트는 플래쉬의 object 선언 아이디로 해서 플래쉬의 함수를 호출할 수 있습니다.
호출된 플래쉬 함수에서 동영상을 중지 또는 처음으로 가게 하시면 되구요.
그리고 div를 숨길때 그 스크립트에서 플래쉬 함수를 호출하면 됩니다.
또는 div를 다시 나오게 될 때 플래쉬 함수를 호출해서 처음부터 재생하게 하구요.
방법은 여러가지가 있습니다.
.. 액션의 내용이 디컴이군요 ^^;; (// end else if)

네이버의 디스플레이 광고쪽 카테고리에 가보시면
네이버 광고쪽 플래시소스를 다운로드 하실수 있으니까
그걸 참고하시는게 도움이 되실겁니다

http://displayad.naver.com/guide/production_03.nhn





그리고 이 코드에서 연동(js)부분은 아랫부분입니다
flash.external.ExternalInterface.call("this.f280150.showAd()");
flash.external.ExternalInterface.call("this.f280150.showAd()");
© SIRSOFT
현재 페이지 제일 처음으로