최대한(?) 간단한 소스의 이미지 슬라이더

<table align="center" border="1" onmouseover="isPause='Y'" onmouseout="isPause='N'">
	<tr>
	<td>

	<div style="position:relative;width:750;height:268;overflow-x:hidden">
		<span id="img1" style="position:absolute;left:0"><img src="/images/helper/smp_400_05.jpg"></span>
		<span id="img2" style="position:absolute;left:0"><img src="/images/helper/smp_400_07.jpg"></span>
		<span id="img3" style="position:absolute;left:0"><img src="/images/helper/smp_400_08.jpg"></span>
		<span id="img4" style="position:absolute;left:0"><img src="/images/helper/smp_400_10.jpg"></span>
		<span id="img5" style="position:absolute;left:0"><img src="/images/helper/smp_400_15.jpg"></span>
		<span id="img6" style="position:absolute;left:0"><img src="/images/helper/smp_400_16.jpg"></span>
		<span id="img7" style="position:absolute;left:0"><img src="/images/helper/smp_400_17.jpg"></span>
		<span id="img8" style="position:absolute;left:0"><img src="/images/helper/smp_400_18.jpg"></span>
		<span id="img9" style="position:absolute;left:0"><img src="/images/helper/smp_400_20.jpg"></span>
	</div>

	</td>
	</tr>
</table>

<p align="center">마우스가 올라오면 멈춤니다. <input type="button" value="방향 바꾸기" onclick="dirChange()"></p>

<script language="JavaScript">
<!--
	var isPause = 'N';
	var directions = '>';	// 스크롤 방향 < , >
	var nums = 9;		// 이미지 갯수
	var speed = 5;		// 한번에 움직이는 px
	var imgWidth = 400;	// 이미지 가로 px
	var tableWidth = 750;	// 이미지가 들어있는 DIV 가로px


	// * 레이어 위치지정
	function setPosition(str,str2,str3){ // 이름, 위치, 종류(left,top):l,t
		if(str3 == 'l')document.getElementById(str).style.left = str2;
		else if(str3 == 't')document.getElementById(str).style.top = str2;
	}

	// * 레이어 위치정보
	function getPosition(str,str2){ // 이름, 종류(left,top):l,t
		if(str2 == 'l')return parseInt(document.getElementById(str).style.left.replace('px',''));
		else if(str2 == 't')return parseInt(document.getElementById(str).style.top.replace('px',''));
	}

	// * 스크롤러
	function moves(){
		var cutRightPosi = imgWidth * (nums-1);
		var tmp = tableWidth - imgWidth;

		if(isPause == 'N'){
			for(var i=1; i<=nums ; i++){
				if(directions == '>'){
					if(getPosition('img'+i, 'l') >= cutRightPosi)setPosition('img'+i, -imgWidth,  'l');
					setPosition('img'+i, getPosition('img'+i, 'l')+speed,  'l');
				}else if(directions == '<'){
					if(getPosition('img'+i, 'l') <= -(cutRightPosi)+tmp)setPosition('img'+i, tableWidth,  'l');
					setPosition('img'+i, getPosition('img'+i, 'l')-speed,  'l');
				}
			}
		}
	}

	// * 이미지 위치 설정
	function initPosition(){
		for(var i=1 ; i<=nums ;i++){
			setPosition('img'+i, (i-1)*imgWidth , 'l');
		}
	}

	// * 스크롤 방향 바꾸기
	function dirChange(){
		if(directions == '>')directions = '<';
		else if(directions == '<')directions = '>';
	}

	initPosition();
	setInterval("moves()", 10);
//-->
</script>