레이어팝업 스크립트 문의 정보
JavaScript 레이어팝업 스크립트 문의본문
안녕하세요..
레이어멀티팝업을 사용하고 있는데요..
팝업이 순차적으로 넘어가야 하는데..랜덤형식으로 보여지네요;;;
아래 소스 중
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