슬라이더는 웹어플리케이션에서 큰 기능성으로 어필하진 않지만 사용자 인터페이스의 직관성과 편의성을 높여 어플리케이션의 체감완성도를 높여 줄 수있다. 한마디로 그럴듯 해 보인다는 거다..
먼저 슬라이더의 구현모습을 보자.
jquery로 구현하는 소스코드는 놀라울 만치 간결하고 명료하다. 구현 소스코드
커스터마이징을 위한 여러가지 옵션이 있다. 상세한 옵션은 다음 링크를 참조 할것.
jquery UI/Slider Document
먼저 슬라이더의 구현모습을 보자.
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


댓글