بالمقارنة مع jcarousel، يزيل jcarousel Lite قيود الجلد. يمكنك تخصيص الأزرار الأمامية والخلفية وأزرار علامات التبويب. يكون HTML الذي تم إنشاؤه أكثر إيجازًا ويكون الملف أصغر (2 كيلو بايت).
رابط التحميل:
كيفية الاستخدام: http://www.gmarwaha.com/jquery/jcarousellite/
انسخ رمز الكود كما يلي:
<ديف>
<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>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(مستند).جاهز(وظيفة(){
$(".اسم الفئة").jCarouselLite({
btnNext: ".التالي"،
btnPrev: ".prev"،
//btnGo: [".1"، ".2"]، // تخصيص علامة تبويب موضع التمرير، بترتيب الصفيف
// تلقائي: 2000، // حدد عدد المللي ثانية التي سيتم تمريرها تلقائيًا بشكل دوري. الافتراضي فارغ
// السرعة: 800، // سرعة الانزلاق، يمكنك تجربة 800 1000 1500
// عمودي: خطأ، // ما إذا كان سيتم التمرير عموديًا، أم لا، الافتراضي خطأ
//circular:true, // سواء كنت تريد التمرير بشكل دائري، فالافتراضي هو الصحيح
//visible:3, // يمكن أن يكون العدد المرئي للعناصر عددًا عشريًا، مثل 2.5 هو 2.5 li
// التمرير: 1، // عدد اللي الذي تم تمريره في كل مرة
// البداية: 0، // مكان البداية، الافتراضي هو 0
//beforeStart:function(){} // يتم استدعاء الوظيفة مرة أخرى عند بدء التمرير
//afterEnd:function(){} // يتم استدعاء الوظيفة مرة أخرى عند انتهاء التمرير
});
});
</script>