9 سلايدرات مجانية لموقعك

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

unslider

123

هذا سلايدر جي كويرى مرن حيث أنه يستجيب مع مجموعة من الأجهزة. كما أنه مظهره ضيق الحدود والمكرر ” minimalistic and refined” وهو يتناسب مع النمط المسطح ويحتوى مجموعة من الجماليات التى تحدد المزاج وتجعل صورك قطع مركزية “centerpieces” من التصميم. وله عدة ميزات وهى :

  • يدعم سهم لوحة المفاتيح.
  • تحولات أنيقة.
  • عرض الشاشة كاملة.
  • رجوع ناعم لإصدارات المتصفح التى عفا عليها الزمن.

وأخيراً، هذا السلايدر سوف يندمج فى أى تصميم حديث ولن تفرط فيه.

bxSlider

bxslider

bxSlider, خيار ممتاز لعرض محتوى الوسائط المتعددة “multimedia” بطريقة مقنعة. يأتى معه كمية كبيرة من خيارات التكوين التى تمكنك من التحكم ببعض الجوانب مثل : السرعة وهامش الشريحة وحلقة غير محدودة. ويحتوى على ميزات أخرى مثل :

  • يدعم السحب “swipe” للشاشات التى تعمل باللمس.
  • يدعم المتصفح، يشمل “salvatory function ” لتراجع أنيق.
  • تحولات CSS.
  • عدة طرق لتأثيرات الـfade.
  • تَكَيُّف كامل. “full adaptiveness”

أنت محكوم لكى تَنجح أن تضع السلايدر فى الممارسة.

SlidesJS

SlidesJS

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

  • التجاوب.
  • يدعم الشاشة التى تعمل باللمس.
  • تحولات CSS3.

Diapo

04.-Diapo

إنه سلايدر بسيط ولكنه صُمم بشكل جيد معه خيار لعرض الشرائح الذي يعطى مزيج مثالى لتصميم موقع شركتك، والظهور ليس فقط لصور ثابتة بل لمحتوى وسائط متعددة “multimedia ” مثل الفيديو والمسارات الصوتية وغيرها. كما أن هذا السلايدر تم إختباره على جميع المتصفحات المشهورة ولذلك لا تقلق بشأن العرض الصحيح، بالطبع بإستثناء  إنترنت إكسبلورر الذي يحتوى على بعض التناقضات البصرية. أما بالنسبة للأداء الوظيفى : 

  • يشمل عدة طرق للتحكم في عرض الشرائح عن طريق وضع معايير مثل تأخير الوقت أو التوجه.
  • مجموعة من الخيارات للذين يحبون التكوين الشامل.
  • معطيات كثيرة لأجهزة الموبايل.

TN3 Gallery- معرض صور وعرض شرائح جي كويرى

13.-TN3-Gallery

TN3 Gallery-  تأتي معها جميع الميزات التي تتوقعها من هذا المنتج، على الرغم من كونها متوفرة مجاناً.

ويمكننا تسليط الضوء على العديد من الوظائف الأساسية التي يبحث عنها الجميع :

  • يدعم الفيديو.
  • يتكامل مع منصات التواصل الإجتماعى المنتشرة مثل Picasa وflickr.
  • القدرة على وضع الصور في ألبومات/معارض صور.
  • عرض أي محتوى HTML.
  • إحتلال شاشة المتصفح لعرض الصور كاملة.
  • الإنتقال اليدوي عن طريق الكيبورد.
  • التجاوب.

هذه ليست كل الإمكانيات الكامنة فى الـplugin.

FlexSlider

slider2

من الواضح أن اللوحة مستمدة من المرونة “flexible”, ذلك يعني أن الفريق قد خلق مجموعة أدوات ممتازة وجميلة ليس فقط لعرض محتواك، ولكن أيضاً تمكنك من إدماج السلوك المستجيب الذى يعمل على حل مشاكل العرض الصحيح على مختلف الموبايلات والأجهزة اللوحية “tablet”. ونعرض أهم مميزاته :

  • يعمل على المتصفحات المشهورة أو التوافقية.
  • يدعم الإنتقال السلس.
  • يدعم السحب “swipe”.
  • خيارات تنقل مخصصة.
  • دلالات بسيطة.
  • سهل التخصيص.

وأخيراً يجب عليك أن تلقى نظرة على ذلك.

Full Width Image Slider

 Blueprint_FullWidthImageSlider
لن تشعر فى هذا السلايدر بتنفخ فى مقطع رأسك بسبب الفوضى الغيرلائقة: فهو سوف يكثف صورك، كما أنه سيضيف البساطة لمشروعك. وهكذا، كيف هذا السلايدر أن يؤثر فى رضاء صاحب الموقع العادى ؟ بالطبع معه مميزات :
  • تمتد لهم على عرض الشاشة الكاملة.
  • بسماحة قياسه يمكن أن يستخدم فى شاشات الأجهزة المنتشرة.
  • يتميز بتحولات CSS3.

Simple Multi-Item Slider

SimpleMultiItemSlider

إنه يمكنك من الاستفادة بشكل فعال في مختلف المتاجر الإلكترونية التي تحتوى على المنتجات التيتريد عرضها كمجموعة. كما أنه يحتوى على بساطة فى التصميم الذي يجتمع بمهارة مع رسوم الـcss3 المتحركة القوية وأساسيات الجي كويرى.
إنه بدائي تماماً  ومظهره غير ملحوظ ومع ذلك مناسب تماماً للمواقع التى تريد عرض البضائع، ويميل أكثر نحو الـتأثير البصري.

StackSlider: 3D Image Slider

StackSlider

The slider مصمم للمرح، ويأتى معه بعض التقلبات الجذابة. سوف يسلط الضوء بالتأكيد على مشروعك والتى بالإضافة يهدف إلى وضع الوسائطالمتعددة الخاصة بك فى مكان بارز. والسحر فى تقليب الـ3D من خلال الصور يحدث بفضل الـcss3 والجى كويرى. كما وصل الفريق لصنع هذا السلايدر متجاوب تماماً مما يجعله مناسب لمواقع الويب الحديثة.
 يمكنك ببساطة الآن التحميل والإستخدام فى مشاريعك. 🙂

 

مقالات ذات صلة

8 تعليقات

  1. Mahmoud farhat
    14 يوليو,2015 في 3:00 م - Reply

    مواضيع الموقع ممتازة بوركت.

    • أحمد السالوس
      14 يوليو,2015 في 10:38 م - Reply

      ربنا يعزك يامحمود….أهم شئ إستفادتك 🙂

  2. saad Mohamed
    21 يوليو,2015 في 3:28 م - Reply

    ربنا يبارك فيكم انتو فعلا موقع ممتاز

    • أحمد السالوس
      21 يوليو,2015 في 3:40 م - Reply

      إيانا وإياكم يافندم …وهذه الشهادة فخر لنا 🙂

  3. محمد مقلد
    15 أكتوبر,2015 في 10:44 م - Reply

    شكرا لكم كثيرا

    • أحمد السالوس
      15 أكتوبر,2015 في 11:06 م - Reply

      ربنا يكرمك يا محمد 🙂

  4. فهد
    14 ديسمبر,2015 في 2:26 م - Reply

    شكرا شكرا شكرا

    • أحمد السالوس
      16 ديسمبر,2015 في 6:26 م - Reply

      عفوًا عفوًا عفوًا 😀