أهلا أصدقائي .. في هذا البرنامج التعليمي الخاص بمكتبة OwlCarousel.js والذي هو عبارة عن سلسلة من الدروس المبسطة التي سبق وشرحنا في السلسلة الأولة الخاصة بالإصدار 1.3.3 المواضيع التالية:

1. -سلسلة دروس مكتبة OwlCarousel.js الإصدار 1.3.3
2. -الدرس الأول // مكتبة OwlCarousel.js الإصدار [1.3.3] تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة.
3. -الدرس الثاني // تركيب سلايدر شو تلقائي featured-slider بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]
4. -الدرس الثالث // تركيب أداة مقالات ذات صلة related article بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]
5. -الدرس الرابع // تركيب سلايدر مستعرض مواضيع ديناميكي Dynamic Slider بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]

عليك مراجعتها حتى تتوسع عندك المدارك حول هذا المكون بصفة عامة وخصوصا الدرس الأول .

مزيد من المعلومات »

+

أهلا أصدقائي .. تكملة مع برنامجنا التعليمي مزايا مكتبة OwlCarousel.js ..ما سنقوم به في الدرس الرابع تركيب سلايدر ديناميكي Dynamic Slider بإستخدام مكتبة OwlCarousel-js .
في كل تدوينة نعرضها بهذا الخصوص غالبا ما كنا ننوه على وجوب مراجعة الدرس الأول حول تثبيت المكتبة في القالب وهو الدرس الأول // مكتبة OwlCarousel.js تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة لكن في هذا الموضوع سنقوم بشرح طريقة التثبيت لمكتبة OwlCarousel.js مع تركيب الإضافة التى نريد تطبيق عنصر الإنزلاق أو التمرير الدائري عليها وذلك لسبب أن كود ترتيب المعلمات الخاص بالمكتبة سيكون مدمج مع سكريبت الإضافة التي سنقوم بتركيبها.

ماهي الإضافة التي سنقوم بتركيبها؟

بالنسبة للإضافة سلايدر ديناميكي هي نفس فكرة مستعرض مواضيع رئيسي إلا أنها أكثر تخصيص من حيث محتوى العرض إذ يتيح لك السكريبت :

1. مزايا مستعرض Dynamic Slider
2. عرض آخر المشاركات Recent post
3. عرض مواضيع عشوائية Random post
4. عرض مشاركة العلامة [مواضيع حسب قسم معين] Label post
5. التحكم في عدد المواضيع المراد عرضها
6. تحكم كامل من صفحة التخطيط
7. عرض كماليات محتوى التدوينة [الكاتب],[التاريخ],[التسمية],[].
8. متوفر بشكلين رائعين

أضف أن السكريبت مطور وبدون تشفير كعادتنا في الغالب وذلك حتى نسمح للأخوة المطورين التعديل والتحسين فيه ومراجعة ما غفلنا عنه ..وفي المقابل لانريد شيء سوى عدم إحتكار الفائدة و تدفق تبادل المعلومات بين المدونين وبغض النظر عن مميزاته سنزيد في روعته حين نطبق عليه خاصية الإنزلاق أو التمرير الدائري بإستخدام مكتبة OwlCarousel-js لتبدو الإضافة أكثر إحترافية ... فتابع معي الدرس.

مزيد من المعلومات »

+

أهلا أصدقائي .. تكملة مع موضوعنا الشيق عن مزايا مكتبة OwlCarousel.js ..ما سنقوم به في الدرس الثالث تركيب أداة مواضيع ذات صلة related article بإستخدام مكتبة OwlCarousel-js .
لكن كالعادة وجب التنويه قبل أن تكمل الموضوع فأنت مجبور على مراجعة الدرس الأول حول تثبيت المكتبة في القالب من هنا الدرس الأول // مكتبة OwlCarousel.js تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة ذلك لأننا لن نعيد شرح طريقة التثبيت لمكتبة OwlCarousel.js..ما سنقوم به هو فقط تركيب الإضافة التى نريد تطبيق عنصر الإنزلاق أو التمرير الدائري عليها.

بالنسبة للإضافة مواضيع ذات صلة التي سنقوم بشرح طريقة تركيبها في القالب معروفة ويكاد لاتخلو منها مدونة أو موقع وذلك لأهميتها رأينا أن نطبق عليها خاصية الإنزلاق أو التمرير الدائري بإستخدام مكتبة OwlCarousel-js لتبدو أكثر إحترافية ... فتابع معي الدرس.

مزيد من المعلومات »

+

أهلا أصدقائي من جديد .. في موضوعنا هذا سنكمل مع مكتبة OwlCarousel.js المميزة ..ما سنقوم به هو تطبيق عملي لتركيب سلايدر شو تلقائي بإستخدام مكتبة OwlCarousel.js .
لكن قبل أن تكمل الموضوع فأنت مجبور على مراجعة التدوينة السابقة حول تثبيت المكتبة في القالب من هنا الدرس الأول // مكتبة OwlCarousel.js تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة لأن هذه التدوينة تعتبر الحجر الأساس والمرجع لأي تدوينة ننشرها من هذا النوع ذلك لأننا لن نعيد شرح طريقة التثبيت لمكتبة OwlCarousel.js..ما سنقوم به هو فقط تركيب الإضافات التى نريد تطبيق عنصر الإنزلاق أو التمرير الدائري عليها.

مزيد من المعلومات »

+

أهلا أصدقائي .. في هذا البرنامج التعليمي سنكتشف مكتبة OwlCarousel.js والتي هي عبارة عن مكوّن إضافة jQuery مساعد مثل مكتبات modernizr و bootstrap و niceScroll.js التي سبق شرحها وغيرها من المكتبات المميزة الأخرى التى سنشرحها مستقبلا..الغرض من هذه المكتبة الرائعة حقن عنصر الإنزلاق في الأدوات والإضافات المراد تهيئتها أو إظهارها على شكل سلايدر شو متحرك أي أن هذه المكتبة تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة.
الإصدار الذي نعرضه عليكم 1.3.3 وهو المفضل عندي شخصيا لسبب أنه غير متعارض مع أغلب السكريبتات.. بالعلم أن الإصدار 2.x.x لا يعتبر متوافقًا مع الإصدار السابق1.x.x إلا أن الفكرة تظل كما هي ، ولها الكثير من القواسم المشتركة مع Owl1 ، لكن السكريبت الأساسي أعيد كتابته من الصفر.

المميز في هاته المكتبة سرعتها وطريقة تجاوبها السلسة مع كل الأجهزة أضف إمكانية تخصيص دينامكية العمل من خلال كود ترتيب المعلمات .

مزيد من المعلومات »

+