เมื่อเปรียบเทียบกับ jcarousel แล้ว jcarousel Lite จะลบข้อจำกัดของสกินออก คุณสามารถปรับแต่งปุ่มด้านหน้าและด้านหลังและปุ่มแท็บได้
ลิงค์ดาวน์โหลด:
วิธีใช้: http://www.gmarwaha.com/jquery/jcarousellite/
คัดลอกรหัสรหัสดังต่อไปนี้:
<div>
<ul>
<li></li>
</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>
<script type="text/javascript">
$(เอกสาร).ready(function(){
$(".ชื่อคลาส").jCarouselLite({
btnNext: ".ถัดไป",
btnPrev: ".ก่อนหน้า",
//btnGo: [".1", ".2"], //ปรับแต่งแท็บตำแหน่งการเลื่อนตามลำดับอาร์เรย์
//auto: 2000, //ระบุจำนวนมิลลิวินาทีที่จะเลื่อนอัตโนมัติเป็นระยะๆ ค่าเริ่มต้นเป็นโมฆะ
//ความเร็ว: 800, //เลื่อนความเร็วได้ 800 1,000 1500
//vertical:false, //ไม่ว่าจะเลื่อนในแนวตั้งหรือไม่ก็ตาม ค่าเริ่มต้นจะเป็น false
//circular:true, //ไม่ว่าจะเลื่อนแบบวงกลม ค่าดีฟอลต์จะเป็น true
//visible:3, //จำนวนองค์ประกอบที่มองเห็นได้อาจเป็นทศนิยม เช่น 2.5 คือ 2.5 li
//scroll:1, //จำนวน li ที่ถูกเลื่อนในแต่ละครั้ง
//start:0, //จุดเริ่มต้น ค่าเริ่มต้นคือ 0
//beforeStart:function(){} //ฟังก์ชันถูกเรียกกลับเมื่อเริ่มการเลื่อน
//afterEnd:function(){} //ฟังก์ชันถูกเรียกกลับเมื่อการเลื่อนสิ้นสุดลง
-
-
</สคริปต์>