YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

이미지 바뀌며 롤링

페이지 정보

작성자 MintState 댓글 0건 조회 14,622회 작성일 08-11-17 13:55

본문

이미지 바뀌며 롤링


<script>
var fadeimages = new Array;
var linkarr = new Array;
var numimg = new Array;

 //첫번째 사용할 이미지 주소
 fadeimages[0] = 'http://www.codisale.com/images/m_img/rolling/main_rool0304.jpg';
 //첫번째 링크주소
 linkarr[0] = '/product/product_detail.asp?product_num=101794';
 //첫번째 아래숫자 이미지 주소
 numimg[0] = 'http://www.codisale.com/images/m_img/rolling/no_01_over.gif';

 fadeimages[1] = 'http://www.codisale.com/images/m_img/rolling/mian_roll02.jpg';
 linkarr[1] = '/product/product_detail.asp?product_num=101641';
 numimg[1] = 'http://www.codisale.com/images/m_img/rolling/no_02_over.gif';

 fadeimages[2] = 'http://www.codisale.com/images/m_img/rolling/mian_roll03.jpg';
 linkarr[2] = '/product/product_detail.asp?product_num=101514';
 numimg[2] = 'http://www.codisale.com/images/m_img/rolling/no_03_over.gif';

 fadeimages[3] = 'http://www.codisale.com/images/m_img/rolling/an.jpg';
 linkarr[3] = '/product/product_detail.asp?product_num=101072';
 numimg[3] = 'http://www.codisale.com/images/m_img/rolling/no_04_over.gif';
 
 fadeimages[4] = 'http://www.codisale.com/images/m_img/rolling/stone.jpg';
 linkarr[4] = '/product/product_detail.asp?product_num=101090';
 numimg[4] = 'http://www.codisale.com/images/m_img/rolling/no_05_over.gif';
 
 fadeimages[5] = 'http://www.codisale.com/images/m_img/rolling/nb.jpg';
 linkarr[5] = '/product/product_detail.asp?product_num=101470';
 numimg[5] = 'http://www.codisale.com/images/m_img/rolling/no_06_over.gif';
 
 fadeimages[6] = 'http://www.codisale.com/images/m_img/rolling/main_rool07.jpg';
 linkarr[6] = '/product/product_detail.asp?product_num=101791';
 numimg[6] = 'http://www.codisale.com/images/m_img/rolling/no_07_over.gif';


var cliImg = '';
var cliImgSrc = '';
var n = Math.round(Math.random() * 10);
var interval = 4000;
var setTimeId = '';

function rotateStop()
{
 clearTimeout(setTimeId);
}

function rotateStart()
{
 rotate();
}

function chki(ci, no)
{
 var pImg = document.all.RollImg;
 var pUrl = document.all.RollUrl;

 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[no];
  n=no;
  pImg.src = fadeimages[no];
  pUrl.href = linkarr[no];  
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[no];
  n=no;
  pImg.src = fadeimages[no];
  pUrl.href = linkarr[no];  
 }
}

function rotate()
{
 n = (n >= 6) ? 0 : n+1;
 setimgurl();
 setTimeId=setTimeout("rotate()",interval);
}

function setimgurl()
{
 var ci = eval('document.all.num_img'+n);

 document.all.RollImg.filters.blendTrans.apply();
 document.all.RollUrl.href=linkarr[n];
 document.all.RollImg.src=fadeimages[n];
 document.all.RollImg.filters.blendTrans.play();
 
 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[n];
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[n];
 }
}

//-->
</script>

<TABLE style="BACKGROUND-REPEAT: no-repeat" cellSpacing=0 cellPadding=0 width="485" border=0>
<TBODY>
<TR>
<TD width="485" height="325" style="padding-top:5px;">
<A onfocus=this.blur() href="/product/product_detail.asp?product_num=101413" name=RollUrl><IMG style="FILTER: blendTrans(duration=1)" height="325" src="http://www.codisale.com/images/m_img/rolling/jean.jpg" width="485" border=0 name=RollImg></A></TD>
</TR><TBODY>
<TR>
<TD align=middle width="485" style="padding-top:5;"><table cellSpacing=0 cellPadding=0 border=0 width="480">
    <tr>
        <td width="103"><IMG src="http://www.codisale.com/images/m_img/rolling/no_view.gif" border=0 width="100" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 0);" src="http://www.codisale.com/images/m_img/rolling/no_01.gif" align=absMiddle border=0 name=num_img0 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 1);" src="http://www.codisale.com/images/m_img/rolling/no_02.gif" align=absMiddle border=0 name=num_img1 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 2);" src="http://www.codisale.com/images/m_img/rolling/no_03.gif" align=absMiddle border=0 name=num_img2 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 3);" src="http://www.codisale.com/images/m_img/rolling/no_04.gif" align=absMiddle border=0 name=num_img3 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 4);" src="http://www.codisale.com/images/m_img/rolling/no_05.gif" align=absMiddle border=0 name=num_img4 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 5);" src="http://www.codisale.com/images/m_img/rolling/no_06.gif" align=absMiddle border=0 name=num_img5 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 6);" src="http://www.codisale.com/images/m_img/rolling/no_07.gif" align=absMiddle border=0 name=num_img6 width="52" height="15"></td>
    </tr>
</table></TD>
</TR></TBODY></TABLE>
<script language=JavaScript>
<!--
rotateStart();
//-->
</script>
첨부 파일
파일 종류: png image_roll.png (194.7K, 38 views)

댓글목록

등록된 댓글이 없습니다.

Total 178건 3 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
138 MintState 15447 11-17
137
세로롤링 댓글+ 1
MintState 13330 11-17
136 MintState 12067 11-17
135 MintState 11716 11-17
134 MintState 13365 11-17
133 MintState 13317 11-17
132 MintState 13897 11-17
열람중 MintState 14623 11-17
130 MintState 13805 11-17
129 MintState 11942 11-17
128 MintState 12783 11-17
127 MintState 13583 11-17
126 MintState 12910 11-17
125 MintState 16624 11-17
124 MintState 14228 11-17
123 MintState 8803 11-17
122 MintState 13405 11-17
121 MintState 14197 11-17
120 MintState 8029 11-17
119 MintState 8660 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2021, YesYo.com MintState. ™