1. 아래의 소스를 <head></head>사이에 넣어 주세요.
<!--소스나라 학습예제http://www.sourcenara.com-->
<SCRIPT LANGUAGE="JavaScript">
<!--
var Img = new Array()
//아래에서 사용될 이미지의 경로 설정.

Img[0] = 'http://www.sourcenara.com/SourcenaraScript/img/1img/1img28/bg1.gif'
Img[1] = 'http://www.sourcenara.com/SourcenaraScript/img/1img/1img28/bg2.gif'
Img[2] = 'http://www.sourcenara.com/SourcenaraScript/img/1img/1img28/bg3.gif'

var speed = 1000// 그림이 변하는 속도
var a
var j = 0
var q = Img.length

var loadimgs = new Array()
for (i = 0; i < q; i++){
loadimgs[i] = new Image()
loadimgs[i].src = Img[i]
}

function changeImg(){
if (document.body){
document.body.background = Img[j];
j = j + 1
if (j > (q-1)) j=0
a = setTimeout('changeImg()', speed)
}
}
//-->
</script>


2. 아래의 소스를 <body> 태그와 교체하여 주세요.
<body onload="changeImg();">