오른쪽 스크롤배너를 두개쓰고싶은데요... > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

오른쪽 스크롤배너를 두개쓰고싶은데요... 정보

오른쪽 스크롤배너를 두개쓰고싶은데요...

본문

<!--오른쪽 퀵배너 시작-->
<div id=DivMovingLayer style='position:absolute;left:0px;top:0px; z-index:8;display:none;'>
<table border=0 cellpadding=3 cellspacing=0>

<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>


</table>
</div>

<script language='javascript'>
//움직이는 레이어

//사용함수
function ResetRemocon(){
 
  var DivMovingLayerYFrom, DivMovingLayerYTo, OffsetY, ResetTime;

  ResetTime = 100;

  if (DivMovingLayerRule == 'center'){
    //해상도 기준, 가운데 에서 x만큼 떨어진 곳에 위치

    if (navigator.userAgent.toLowerCase().indexOf("gecko") > -1) {

      if (document.body.clientWidth < ContentsWidth + 10) {

        DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + 10 + "px";
      }
      else {

        DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
      }
    }
    else{

      if (document.body.clientWidth < ContentsWidth) {

        DivMovingLayer.style.left = parseInt (ContentsWidth / 2, 10) + DivMovingLayerX + "px";
      }
      else {

        DivMovingLayer.style.left = (DivMovingLayerX + (document.body.clientWidth / 2)) + "px";
      }
    }
  }
  else if (DivMovingLayerRule == 'left'){
    //해상도와 무관, 왼쪽 에서 x만큼 떨어진 곳에 위치

    DivMovingLayer.style.left = (DivMovingLayerX) + "px";
  }

  DivMovingLayerYFrom = parseInt (DivMovingLayer.style.top, 10);
  DivMovingLayerYTo = DivMovingLayerY + document.body.scrollTop + 1;

  if ( DivMovingLayerYFrom != DivMovingLayerYTo ) {

    OffsetY = Math.ceil( Math.abs( DivMovingLayerYTo - DivMovingLayerYFrom ) / 20 );

    if ( DivMovingLayerYTo < DivMovingLayerYFrom )
      OffsetY = -OffsetY;

    DivMovingLayer.style.top = (DivMovingLayerYFrom + OffsetY) + "px";

    ResetTime = 10;
  }

  setTimeout ("ResetRemocon()", ResetTime);
}

function SetRemocon() {

  DivMovingLayer.style.display = "block";

  DivMovingLayer.style.top = (DivMovingLayerY + document.body.scrollTop + 1) + "px";

  ResetRemocon();
  return true;
}

function NoneRemocon() {

  DivMovingLayer.style.display = "none";
}

 

if (typeof document.body == "undefined")
  document.body = document.getElementsByTagName("BODY")[0];

var DivMovingLayer = document.getElementById("DivMovingLayer");

//환경설정
var ContentsWidth = 1000;//움직이는 레이어를 제외한 콘텐츠 너비, 가운데 정렬에만 해당, 전체 테이블중 제일큰 너비
var DivMovingLayerX = 510;//레이어가 위치할 레프트 값
var DivMovingLayerY = 135;//레어가 위치할 탑 값
var DivMovingLayerRule = 'center';//center -->가운데 정렬을 기준으로 x만큼, left --> 레프트 정렬을 기준으로 x만큼

//레이어 보이기
SetRemocon();
</script>
<!--오른쪽 퀵배너 끝-->


위와같은 코드구요...첨부이미지에 화살표로 표시한 배너처럼 따라다니는데요...
이걸 같은 페이지에서 각각 위치가 다르게 배너를 삽입하고싶어서요...2개를 넣는거죠...
어떻게 수정해야하나요? 자세히설명 부탁드려요...

  • 복사

댓글 전체

<!--오른쪽 퀵배너 시작-->
<div id=DivMovingLayer style='position:absolute;left:0px;top:0px; z-index:8;display:none;'>
<table border=0 cellpadding=3 cellspacing=0>

<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>
<tr><td align='center' height=50><iframe name='scroll' src="<?=$mw_group_skin_head_path?>/img/mw_logo.gif" width='188' height='49' border='0' scrolling='no' frameborder='0' vspace='0' hspace=0 marginheight='0' marginwidth='0' allowtransparency='true'></iframe></td></tr>
<tr><td valign=top height=2><?=showBanner('ad_serve_right',1,1);?></td></tr>

</table>
</div>

위처럼 Table 내용을 수정해 사용하시면 됩니다. 물론 배너를 불러오는 showBanner 함수 내용도 수정하셔야되요
저렇게 하면 같은 위치에서 배너가 존재하게 될것같은데요...

전 별개로
//환경설정
var ContentsWidth = 1000;//움직이는 레이어를 제외한 콘텐츠 너비, 가운데 정렬에만 해당, 전체 테이블중 제일큰 너비
var DivMovingLayerX = 510;//레이어가 위치할 레프트 값
var DivMovingLayerY = 135;//레어가 위치할 탑 값
var DivMovingLayerRule = 'center';//center -->가운데 정렬을 기준으로 x만큼, left --> 레프트 정렬을 기준으로 x만큼

이 값을 별개로 각각 주고싶어서 질문드린거예요...
배너를 아래가 아닌 다른곳에 붙이시고 싶으셧군요.

소스 전체를 한번 더 복사하시고,

퀵메뉴 DivMovingLayer 값을 변경하신후

script안의 DivMovingLayer  값도 모두 변경해주시면 원하시는대로 작동할꺼에요.
물론 함수안에 DivMovingLayer 값이 고정이니 함수명도 바꿔주시고 호출도 다시해주시구요.
변수명도 겹치지 않게 새롭게 변경하세요.

불가능은 없습니다. 끈질기게 고치고 테스트하세요.
네, 저도 DivMovingLayer 을 DivMovingLayer_01, DivMovingLayer_02 이렇게 수정해서 한곳에서 두개를 만들어서 해봤는데 서로 영향을 미치더라구요, 그래서 어디를 어떻게 손봐야할지 디테일하게 여쭤보는거예여..

변수가 뭐뭐인지 잘 모르겠어요...DivMovingLayer  이것만 변수인가요? ContentsWidth 이것도 ContentsWidth_01, ContentsWidth_02 이렇게 만들어야 서로 영향을 안미칠까요?
© SIRSOFT
현재 페이지 제일 처음으로