jquery로 구현하는 소스코드는 놀라울 만치 간결하고 명료하다. 구현 소스코드
<html>
<head>
<script>
$("#example_slider").slide();
</script>
</head>
<body>
<div id="example_slider"></div>
</body>
</html>
<head>
<script>
$("#example_slider").slide();
</script>
</head>
<body>
<div id="example_slider"></div>
</body>
</html>
커스터마이징을 위한 여러가지 옵션이 있다. 상세한 옵션은 다음 링크를 참조 할것.
jquery UI/Slider Document