이미지롤링 스크립트 응용
작성일 07-07-09 09:26
페이지 정보
작성자서방님 조회 201회 댓글 0건본문
<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script type="text/javascript">
var idx=0;
pimg1=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
pimg2=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
pimg3=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
function scrollimg(idx){
document.all.img1.filters.blendTrans.apply();
document.all.img2.filters.blendTrans.apply();
document.all.img3.filters.blendTrans.apply();
document.all.img1.src="pimg1[idx];
document.all.img2.src="pimg2[idx];
document.all.img3.src="pimg3[idx];
document.all.img1.filters.blendTrans.play();
document.all.img2.filters.blendTrans.play();
document.all.img3.filters.blendTrans.play();
}
if(idx>4){idx=0;}
scrollcounter = setInterval("scrollimg(idx=idx==5-1?0:idx+1)",3000);
</script>
</head>
<body>
<table style="border:#CECECE 1px dotted;">
<tr>
<td align="center">
<img id="img1" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
<td align="center">
<img id="img2" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
<td align="center">
<img id="img3" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script type="text/javascript">
var idx=0;
pimg1=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
pimg2=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
pimg3=new Array("http://sstatic.naver.com/search/images10/lg.gif",
"http://sstatic.naver.com/search/images10/btn_schpoll04.gif",
"http://bnufactory.com/blog/attach/1/3527836721.jpg",
"http://bnufactory.com/blog/attach/1/1356698173.png",
"http://bnufactory.com/blog/attach/1/1157914487.png");
function scrollimg(idx){
document.all.img1.filters.blendTrans.apply();
document.all.img2.filters.blendTrans.apply();
document.all.img3.filters.blendTrans.apply();
document.all.img1.src="pimg1[idx];
document.all.img2.src="pimg2[idx];
document.all.img3.src="pimg3[idx];
document.all.img1.filters.blendTrans.play();
document.all.img2.filters.blendTrans.play();
document.all.img3.filters.blendTrans.play();
}
if(idx>4){idx=0;}
scrollcounter = setInterval("scrollimg(idx=idx==5-1?0:idx+1)",3000);
</script>
</head>
<body>
<table style="border:#CECECE 1px dotted;">
<tr>
<td align="center">
<img id="img1" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
<td align="center">
<img id="img2" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
<td align="center">
<img id="img3" src="http://sstatic.naver.com/search/images10/lg.gif" onclick="location.href='http://youplus.net'" style="filter:blendTrans();" border=0 width=200 height=200>
</td>
</tr>
</table>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.