여러 이미지 스크롤

<script language="javascript">
var swidth                = 110                // 하나의 아이템의 넓이
var sheight                = 100                // 하나의 아이템의 높이
var show_items        = 16 -1                        // 몇개의 아이템을 보여줄 것인가 ?
var show_items        = 5                        // 몇개의 아이템을 보여줄 것인가 ?
var stop_time        = 1000                // 하나의 아이템이 돌아가고 잠시 멈칫 하는 시간 (1초 = 1000)
var sspeed                = 1                        // 아이템이 움직이는 시간
var sstep                = 1                        // 아이템이 움직일때 몇 필셀 이동시킬 것인가 ?

// 프로그램 내부 변수 (돈 터치)
var new_item = show_items
var sstep_tmp = sstep
var singletext = new Array();
var category = new Array();
// 움직임을 시작시키는 함수
function move_left_start() {
        for (i=0; i<show_items; i++)
                setTimeout("move_left("+i+", "+swidth+")", stop_time)
}

// 아이템 하나하나를 이동시키는 함수
function move_left(id, cnt) {
        obj = eval('slider_'+id)
        obj.style.pixelLeft-=sstep
        cnt -= sstep
        if (cnt > 0) {
                setTimeout("move_left("+id+", "+cnt+")", sspeed)
        } else if (obj.style.pixelLeft < -sstep) {
                obj.style.pixelLeft = (show_items-1) * swidth
                new_item++
                if (new_item == singletext.length) new_item=0
                obj.innerHTML=singletext[new_item]
                move_left_start()
        }
}
move_left_start()
// 폼이 로드되면 움직임을 시작시킨다.

                                </script>
                                <script language="javascript">
        singletext[0] = "<a href=./list.php?dir1=건강의학><img src=/ranking/file/hanbang1065525209.gif  border=0 width=100 height=70></a><br><center>건강의학</center>";
        //category[0] = "건강의학";
        singletext[1] = "<a href=./list.php?dir1=교육및참고자료><img src=/ranking/file/upow1035187044.gif  border=0 width=100 height=70></a><br><center>교육및참고자료</center>";
        //category[1] = "교육및참고자료";
        singletext[2] = "<a href=./list.php?dir1=국가정보지역정보><img src=/ranking/file/iam791042947885.gif  border=0 width=100 height=70></a><br><center>국가정보지역정보</center>";
        //category[2] = "국가정보지역정보";
        singletext[3] = "<a href=./list.php?dir1=기업회사><img src=/ranking/file/jsp02231083280473.gif  border=0 width=100 height=70></a><br><center>기업회사</center>";
        //category[3] = "기업회사";
        singletext[4] = "<a href=./list.php?dir1=뉴스와미디어><img src=/ranking/file/jojoro1048404364.jpg  border=0 width=100 height=70></a><br><center>뉴스와미디어</center>";
        //category[4] = "뉴스와미디어";
        singletext[5] = "<a href=./list.php?dir1=문화예술><img src=/ranking/file/byunghalee1038790692.gif  border=0 width=100 height=70></a><br><center>문화예술</center>";
        //category[5] = "문화예술";
        singletext[6] = "<a href=./list.php?dir1=비즈니스와경제><img src=/ranking/file/infoker1058710409.gif  border=0 width=100 height=70></a><br><center>비즈니스와경제</center>";
        //category[6] = "비즈니스와경제";
        singletext[7] = "<a href=./list.php?dir1=사람과모임><img src=/ranking/file/romeo40041035389813.gif  border=0 width=100 height=70></a><br><center>사람과모임</center>";
        //category[7] = "사람과모임";
        singletext[8] = "<a href=./list.php?dir1=생활><img src=/ranking/file/cali21046265412.jpg  border=0 width=100 height=70></a><br><center>생활</center>";
        //category[8] = "생활";
        singletext[9] = "<a href=./list.php?dir1=생활과여성><img src=/ranking/file/eyesore1036746131.gif  border=0 width=100 height=70></a><br><center>생활과여성</center>";
        //category[9] = "생활과여성";
        singletext[10] = "<a href=./list.php?dir1=쇼핑><img src=/ranking/file/kaze961076635626.gif  border=0 width=100 height=70></a><br><center>쇼핑</center>";
        //category[10] = "쇼핑";
        singletext[11] = "<a href=./list.php?dir1=엔터테인먼트><img src=/ranking/file/x2prime1056361617.jpg  border=0 width=100 height=70></a><br><center>엔터테인먼트</center>";
        //category[11] = "엔터테인먼트";
        singletext[12] = "<a href=./list.php?dir1=여행스포츠><img src=/ranking/file/coolskaters1100025140.jpg  border=0 width=100 height=70></a><br><center>여행스포츠</center>";
        //category[12] = "여행스포츠";
        singletext[13] = "<a href=./list.php?dir1=취미><img src=/ranking/file/mnet1035558470.jpg  border=0 width=100 height=70></a><br><center>취미</center>";
        //category[13] = "취미";
        singletext[14] = "<a href=./list.php?dir1=컴퓨터인터넷><img src=/ranking/file/ssey20001040979832.gif  border=0 width=100 height=70></a><br><center>컴퓨터인터넷</center>";
        //category[14] = "컴퓨터인터넷";
        singletext[15] = "<a href=./list.php?dir1=학문분야><img src=/ranking/file/co1093320932.gif  border=0 width=100 height=70></a><br><center>학문분야</center>";
        //category[15] = "학문분야";
</script>
<script language="javascript">
if (document.all) {
        document.writeln('<div onmouseover="sstep=0;" onmouseout="sstep='+sstep_tmp+';" style="position:absolute;width:'+(swidth*show_items)+';height:'+(sheight)+';clip:rect(0 '+(swidth*show_items)+' '+(sheight)+' 0);">');
        var tleft = 0;
        for (i=0; i < show_items; i++) {
                if (i > 0) {
                        tleft += eval('slider_'+(i-1)+'.style.pixelWidth');
                }
                document.writeln('<div id="slider_'+i+'" style="position:absolute;left:'+i*swidth+';width:'+swidth+';top:1;z-index:1;">');
                document.write(singletext[i]);
                document.writeln('</div>');
        }
        document.writeln('</div>');
}
</script>