Bxcarousel عرض مميز و احترافي

07‏/09‏/2010

السلام عليكم

إذا كنت تبحث عن اضافة من اجل شريط تمرير جيد و مميز للموقع الخاص بك ،

bxCarousel هو مرشح جيد للغاية.

سيزيد من جمال الموقع أو المدونة

وهو جد بسيط لاستخدام ولديه عدة خيارات لتخصيص المحتوى :

display_num: 4, // عدد العناصر المرئية
move: 4, // عدد العناصر على شريط التمرير
speed: 500, // عدد من المللي ثانية لانهاء الشريحة المتحركة
auto: false, // عرض اوتوماتيكي
auto_interval: 2000, // المدة الفاصلة
auto_dir: 'next', // الاتجاه options: 'next', 'prev'
auto_hover: false, // لايقاف العرض
next_text: 'next', // نص من اختيارك "suivant"
next_image: '', // صورة عن للرابط التالي
prev_text: 'prev', // نص مخصص للرابط السابق
prev_image: '', // صورة للرابط السابق
controls: true // عرض الضوابط

المحتوى هو عبارة عن منزلق و قائمة HTML



<ul id='monSlider'>



    <li>first piece of content</li>



    <li>second piece of content</li>



    <li>third piece of content</li>



    <li>fourth piece of content</li>



    <li>bxCarousel can accept an unlimited number of elements</li>



</ul>

و هنا كيفية التهييئة لها بمكتبة ال jQuery



$(document).ready(function(){



    $('#monSlider').bxCarousel({



        display_num: 3,



        move: 1,



        auto: true,



        controls: false,



        margin: 10,



        auto_hover: true



    });



});