본문 바로가기

카테고리 없음

일정한 시간동안 배너 로테이션

* 일정한 시간동안 배너 로테이션

script language="JavaScript">
var i = 1;

// 사용할 배너 이미지들을 설정 합니다

banner1= new Image();
banner1.src = "1.gif";
banner2 = new Image();
banner2.src = "2.gif";
banner3 = new Image();
banner3.src = "3.gif";
banner4 = new Image();
banner4.src = "4.gif";

var links = new Array

// 각 배너별 링크될곳의 주소를 입력 하세요
links[1] = "http://www.yajava.com"
links[2] = "http://www.yajava.com"
links[3] = "http://www.yajava.com"
links[4] = "http://www.yajava.com"

var description = new Array

// 배너에 마우스를 대었을때 상태표시줄에 보여줄 내용들입니다

description[1] = "첫번째 배너 설명"
description[2] = "두번째 배너 설명"
description[3] = "세번째 배너 설명"
description[4] = "네번째 배너 설명"

function loadBanner(){

var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
closeTime+=3; // 노출 시간을 설정 하세요
Timer();

}


function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if (curTime>=closeTime){
if (i < 4){
i++;
document.banner.src = eval("banner" + i + ".src");
}
else{
i = 1;
document.banner.src = eval("banner" + i + ".src");
}
loadBanner();
}
else{
window.setTimeout("Timer()",1000)}

}

function clickLink(){
top.location = links[i]
}

function descript(){
window.status = description[i]
}

function nothing() {
window.status=""
}

</script>


<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<body bgcolor="FFFFFF" onload="loadBanner();">


<!--<BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<script language="javascript">
<!--
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;

// 배너의 위치와 크기등을 설정 해 줍니다
// 아래 코드들은 절대 줄바꿈을 하지 마셔요

// 익스플로러용 코드
if(iex) document.write('<div style="position:absolute; ID:banner; left:100px; top:80; width:468px; height:60px; visibility:visible; z-index:100" ><a href="" onClick="clickLink(); return false;" onMouseOver="descript(); return true;"onmouseout="nothing()"><img src="1.gif" border=0 name="banner" width="468" height="60"></a></div>')

// 네츠케이프용 코드
if(nav) document.write('<layer left="100" top="80" width="468" height="60" z-index="100" visibility="show" ID="banner" ><a href="" onClick="clickLink(); return false;" onMouseOver="descript(); return true;" onmouseout="nothing()"><img src="1.gif" border=0 name="banner" width="468" height="60"></a></layer>')
//-->
</script>
<div id="Layer1" style="position:absolute; left:100px; top:80px; width:468px; height:60px; z-index:1">
</div>

[출처] 플래시 활용도 높은 소스 Tip 모음|작성자 카제