레이어팝업 스크립트 문의

· 2013-07-10 (수) 17:22:30 · 3651 · 1

안녕하세요..
레이어멀티팝업을 사용하고 있는데요..
팝업이 순차적으로 넘어가야 하는데..랜덤형식으로 보여지네요;;;
아래 소스 중
else {
   var nRandom = (Math.floor((Math.random()) * 100) % 9) + 1;
   nHangNo = nRandom;
       }
이 부분이 문제인거 같은데요..
어떻게 바꿔줘야 할까요??
혹시 다른부분이 문제라면 조언 부탁드립니다.

<!-- 메인상품부분 시작 -->
<script language='javascript'>
 //var nHangNo = Math.round(Math.random() * 9);
 var nHangNo = 0;
 var nHangInterval = 4000;
 var nHangNoOld = nHangNo;

 var aHtmls = new Array ("<a href='#' onfocus='this.blur()' target='_blank'><img src='../pop/img/view_01.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_02.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_03.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_04.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_05.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_06.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_07.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_08.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_09.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_10.gif' border=0></a>");

 function rotateHanger() {
  setHanger();
  nHangNoOld = nHangNo;
  if (nHangNo == 0) {
   (nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
  } else {
   var nRandom = (Math.floor((Math.random()) * 100) % 9) + 1;
   nHangNo = nRandom;
  }

  setTimeout('rotateHanger()',nHangInterval);
 }
 
 function changeHanger(nGotoNo) {
  nHangNo = nGotoNo;
  setHanger();
 }
 
 function setHanger() {
  clearHangerButton();

  document.getElementById("divHanger").filters[0].apply();
 
  if(navigator.appName=='Netscape' && document.getElementById) {
   document.getElementById("divHanger").innerHTML=aHtmls[nHangNo];
  } else {
   document.getElementById("divHanger").innerHTML=aHtmls[nHangNo];
  }

  document.getElementById("divHanger").filters[0].play();
 }

 function clearHangerButton() {
  var nHangCount = aHtmls.length;
  var nSetHangNo = nHangNo + 1;
  
  var newImageID = document.getElementById("nMainHangButton" + nSetHangNo);
  
  for(i=0; i<nHangCount; i++){
   nSetHangNoOld = i + 1;
   nClearImageID = document.getElementById("nMainHangButton" + nSetHangNoOld);
   nClearImageID.src='../pop/img/hang'+ nSetHangNoOld +'_off.gif';
  }
  
  newImageID.src = '../pop/img/hang'+ nSetHangNo +'_on.gif';
 }
</script>
<!--// 메인 행어 베너  //-->
<table width='220' border='0' cellspacing='0' cellpadding='0'>
 <tr>
  <td width='455' height='235' valign='top'>
        <table border='0' align='left' cellpadding='0' cellspacing='0'>
     <tr>
      <td width='70' height="19" valign="top"><img src='../pop/img/view.gif'></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(0)' onfocus='this.blur()'><img id='nMainHangButton1' src='../pop/img/hang1_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(1)' onfocus='this.blur()'><img id='nMainHangButton2' src='../pop/img/hang2_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(2)' onfocus='this.blur()'><img id='nMainHangButton3' src='../pop/img/hang3_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(3)' onfocus='this.blur()'><img id='nMainHangButton4' src='../pop/img/hang4_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(4)' onfocus='this.blur()'><img id='nMainHangButton5' src='../pop/img/hang5_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(5)' onfocus='this.blur()'><img id='nMainHangButton6' src='../pop/img/hang6_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(6)' onfocus='this.blur()'><img id='nMainHangButton7' src='../pop/img/hang7_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(7)' onfocus='this.blur()'><img id='nMainHangButton8' src='../pop/img/hang8_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(8)' onfocus='this.blur()'><img id='nMainHangButton9' src='../pop/img/hang9_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(9)' onfocus='this.blur()'><img id='nMainHangButton10' src='../pop/img/hang10_off.gif' border='0'></a></td>
     </tr>
    </table><br />
   <div id='divHanger' STYLE="position: absolute; width: 219px; filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, duration=1 ,motion='forward'); left: 135px; top: 181px;"></div>
   <div style='position: absolute; height: 235px; padding-top: 390px'>
    
   </div>
   <script language='javascript'>
   <!--// 메인 행어 로테이터 스타트 //-->
    rotateHanger();
   </script>
  </td>
 </tr>
</table>
<!-- 메인상품부분 끝 -->

|

댓글 1개

유용하네용
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery 13-07-14 조회 3,955
jQuery 13-07-14 조회 5,532
jQuery 13-07-14 조회 4,838
jQuery 13-07-14 조회 4,900
jQuery 13-07-14 조회 4,261
jQuery 13-07-14 조회 5,155
jQuery 13-07-13 조회 3,443
JavaScript
[JavaScript]
13-07-11 조회 3,728
PHP 13-07-11 조회 4,827
PHP 13-07-11 조회 4,358
JavaScript 13-07-10 조회 3,652
기타 13-07-09 조회 3,649
JavaScript 13-07-09 조회 3,568
JavaScript 13-07-09 조회 4,588
PHP 13-07-08 조회 3,150
MySQL 13-07-07 조회 4,900
PHP 13-07-04 조회 3,397
기타 13-07-04 조회 1.8만
웹서버 13-07-04 조회 2,818
PHP 13-07-04 조회 3,470
기타 13-07-04 조회 4,426
PHP 13-07-04 조회 3,443
JavaScript 13-07-04 조회 3,355
JavaScript 13-07-04 조회 3,095
JavaScript 13-07-04 조회 3,475
PHP 13-07-03 조회 7,038
jQuery 13-07-01 조회 5,853
jQuery 13-07-01 조회 4,815
jQuery 13-07-01 조회 3,901
jQuery 13-07-01 조회 5,526