랜덤배너 만들기, 아이프레임 랜덤배너
<!– 랜덤 베너 시작 –>
<script language=”Javascript”> var how_many_ads = 8; // 배너의 갯수를 미리 설정 하세요 var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; //——– 1번째 배너 if (ad==1) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 2번째 배너 if (ad==2) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 3번째 배너 if (ad==3) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 4번째 배너 if (ad==4) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 5번째 배너 if (ad==5) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 6번째 배너 if (ad==6) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 7번째 배너 if (ad==7) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } //——– 8번째 배너 if (ad==8) { document.write(‘<A href=”#” target=_blank><IMG src=”이미지배너 경로” height=높이 width=넓이 border=0></A>’); } </script>
<!– 랜덤 베너 끝 –>
아래는 응용편 입니다. 랜덤 이미지배너 대신 랜덤 아이프레임 소스입니다.
<!– 랜덤 아이프레임 시작–> <scRIPT language=Javascript> var how_many_ads = 8; // 불러올 아이프레임의 갯수를 미리 설정 하세요 var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; //——– 1번째 아이프레임 if (ad==1) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 2번째 아이프레임 if (ad==2) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 3번째 아이프레임 if (ad==3) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 4번째 아이프레임 if (ad==4) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 5번째 아이프레임 if (ad==5) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 6번째 아이프레임 if (ad==6) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 7번째 아이프레임 if (ad==7) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″>’); } //——– 8번째 아이프레임 if (ad==8) { document.write(‘<iframe src=”아이프레임경로” width=”넓이” height=”높이” scrolling=”no” frameborder=”0″”>’); } </scRIPT>
<!– 랜덤 아이프레임 끝–>
|
위의 소스를 자동으로 실시간 변하게 쓰시고 싶으시면 아래의 내용을 삽입하시면 됩니다.
<meta http-equiv=”refresh” content=”리프레쉬 시간;url=이미지배너/아이프레임이 있는 문서 이름”>
예를 들어 3초에 새로고침(리프레쉬)시키며, 이미지배너/아이프레임이 있는 문서 이름이
a.htm 이라고 가정하면 아래와 같이 적용하시면 됩니다.
<meta http-equiv=”refresh” content=”3;url=a.htm”>
단 아이프레임을 불러올 경우는 불러와지는 각 아이프레임마다 위의 태그를 넣어 주셔야합니다.