• Dubai, UAE
  • +971 54 408 4441
  • moe.rayan@gmail.com
عارض الصور Kwicks Slider jQuery

عارض الصور Kwicks Slider jQuery

السلام عليكم

نقدم لكم اليوم..

Kwicks slider jQuery
عارض الصور
مثال
اضغط هنا
نزل الملف كامل من هنا
اضغط هنا

  • فك الضغط عن الملف

null

  • لتعديل الصور

ضع الصور في ملف images

ثم اذهب الى الصفحة الرئيسية kwicks.html

وافتح الكود بأي محرر نصوص

  • وغير اسم الصور في الكود

طريقة أخرى

تستطيع ان تضع صور..وقم بتغيير اسمها الى 1.jpg

وهكذا

للإستفسار عن أي شيء..ستجدوني متواجد انشالله

تحياتي

محمد

اخواني لقد تم اضافة شرح لتغيير المقاسات


لتغيير المقاسات
*توسيع او تضييق الفراغات

بتزييد او تنقيص الspacing

لاخفاء الفراغات..غير 5 الى 0

لتغيير حجم الصور في الحالة العادية
افتح ملف الكود
وغير التالي

Width:
عرض الصورة
Height:
ارتفاع الصورة

لتغيير حجم الصورة الظاهر في الحالة العادية

الذهاب الى ملف الستايل main.css
وتغيير التالي

العرض والارتفاع

تغيير حجم المساحة الممتدة عند تمرير الماوس على الصورة


تحياتي


——————————استفسار من قبل الاخ صادق الريمي———————————–

كيفية وضع رابط للصور
عن طريق تغيير الكود التالي الموجود في صفحة الindex.html

<div class="kwicks horizontal" >
<li id="kwick_2"><img src="images/1.jpg" width="250" height="100" /></li>
<li id="kwick_3"><img src="images/2.jpg" width="250" height="100" /></li>
<li id="kwick_4"><img src="images/3.jpg" width="250" height="100" /></li>
<li id="kwick_4"><img src="images/4.jpg" width="250" height="100" /></li>


ليصبح كالتالي

<div class="kwicks horizontal" >
<li id="kwick_2"><a href="ضع الرابط هنا"><img src="images/1.jpg" width="250" height="100" /></a></li>
<li id="kwick_3"><a href="ضع الرابط هنا"><img src="images/2.jpg" width="250" height="100" /></a></li>
<li id="kwick_4"><a href="ضع الرابط هنا"><img src="images/3.jpg" width="250" height="100" /></a></li>
<li id="kwick_4"><a href="ضع الرابط هنا"><img src="images/4.jpg" width="250" height="100" /></a></li>



تحياتي 🙂

12 رأي على “عارض الصور Kwicks Slider jQuery”

  1. تنبيه: غير معروف
  2. nashaat قال:

    السلام عليكم اخي حبيت اسألك عن شغلة ما عرفت حلها وانا اصمم الموقع في التصميم عندي صورتين في sidebar فحين اضيف صورة واريد اضيف الثانيه تنزل وتروح الأولى جزاك الله كل خير ناطر ردكم

  3. عمر حسين قال:

    تمكنت من تعريبه.. شكراً لأهتمامك

  4. عمر حسين قال:

    مرحباً..
    ممكن انك تضع نسخة معربه منه، او تشرح كيفيه جعله rtl وليس ltr .. حيث اني حاولت في ذلك وما زالت بعض الاخطاء لم استطع اصلاحها.
    تحياتي لك..

    1. محمد ريان قال:

      اهلا وسهلاً اخي عمر، رجاء اشترك بالنشرة البريدية وستسلم ايميل فور نزول الدرس 🙂

  5. ألف شكر لك أخي محمد ريان

    على الرد الوافي والكافي

    تقبل خالص تحياتي ..

  6. أخي العزيز أشكرك جدا على الجي كويري الرائع جدا

    وشغل متعوب عليه لكن في شغله بسيطة وهي

    لو أردت وضع رابط على صورة أرجوا وضع الكود اللازم

    لذلك ..

    تحياتي لك ..

    1. محمد ريان قال:

      تم الشرح اخي الكريم 😀

  7. الله يجزاك خيييييييييييييييييييييييييير

    ماقصـرت

    يعطيك العافية

    راح اتابع مدونتك بشدة

    اسجل اعجابي هنا

    مع التحيه والشكر

    1. محمد قال:

      حياك الله اخي..احرجتني بذوقك
      واهلا وسهلا فيك في المدونة..
      واذا عندك اي سؤال لا تتردد 🙂

  8. اخوي بغيت اسالك ، عن المقاسات ،

    كيف بامكاننا تغيير المقاسات !

    وشاكر لك استاذي على الملف جداً ممتاز والله يجزاك خير ..

    بالانتظار

    1. محمد قال:

      اخي تم اضافة الشرح

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *