jcarousel과 비교하여 jcarousel Lite는 스킨의 제약 조건을 제거하여 전면 및 후면 버튼과 탭 버튼을 사용자 정의할 수 있으며 생성된 HTML은 더 간결하며 파일은 더 작습니다(2k).
다운로드 링크:
사용방법: http://www.gmarwaha.com/jquery/jcarousellite/
다음과 같이 코드 코드를 복사합니다.
<div>
<ul>
<리></리>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<스크립트 유형="텍스트/자바스크립트">
$(문서).ready(함수(){
$(".클래스 이름").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //스크롤 위치 탭을 배열 순서로 사용자 정의
//auto: 2000, //주기적으로 자동으로 스크롤할 시간을 밀리초 단위로 지정합니다. 기본값은 null입니다.
//속도: 800, //슬라이딩 속도, 800 1000 1500을 시도해 볼 수 있습니다.
//vertical:false, //세로 스크롤 여부, 기본값은 false
//원형:true, //순환 스크롤 여부, 기본값은 true입니다.
//visible:3, //표시되는 요소 수는 소수일 수 있습니다. 예를 들어 2.5는 2.5li입니다.
//scroll:1, //매번 스크롤되는 li 개수
//start:0, //시작 위치, 기본값은 0입니다.
//beforeStart:function(){} //스크롤이 시작될 때 다시 호출되는 함수
//afterEnd:function(){} //스크롤이 끝나면 다시 호출되는 함수
});
});
</script>