이미지를 순서대로 롤링하는 자바스크립트입니다
순서가있는 배너 형태로 이미지 롤링 스크립트입니다.
/////////html document
<SCRIPT LANGUAGE="JavaScript">
<!--
//이미지 순서대로
var rollCnt=0;
function rollImage()
{
var roll= document.all("rolID");
if(roll==undefined || roll==null){
return;
}
if(roll.length==undefined)
{
roll.style.display = "block";
return;
}
for(var i = 0 ; i < roll.length ; i++)
{
if(i == rollCnt) {
roll[i].style.display = "block";
continue ;
}
roll[i].style.display = "none";
}
rollCnt++;
if(rollCnt==roll.length){
rollCnt=0;
}
// 시간 간격 주기 (1초)
setTimeout('rollImage()','1000');
}
//-->
</SCRIPT>
<body>
<img id="rolID" src="http://~~~.com "/>
<img id="rolID" src="http://~~~.com "/>
<img id="rolID" src="http://~~~.com "/>
<img id="rolID" src="http://~~~.com "/>
위처럼 이미지에 id="rolID" 만 넣으면 위부터 순차적으로 이미지 롤링 됨
댓글 없음:
댓글 쓰기