28 thoughts on “Bootstrap 4 Theme 1 in Arabic #07 – Header Part 4 – Add Slider Images

  • June 17, 2021 at 12:21
    Permalink

    let upper = document.querySelector('.upper-bar'),

    nav = document.querySelector('.navbar'),

    slider = document.querySelector('.slider'),

    winH = window.innerHeight,

    getH = (winH-(upper.offsetHeight+nav.offsetHeight));

    slider.style.height =`${getH}px`;

    document.querySelector('.carousel-item').style.height = `${getH}px`;

    let cur_iteam = document.querySelectorAll('.carousel-item') ;

    let array = Array.from(cur_iteam) ;

    array.forEach(element => {

    element.style.height = `${getH}px`;

    });

  • June 17, 2021 at 12:21
    Permalink

    سويت نفس كلامك بل زبط بس الصورة الطول تبعها عندي مازبط قصلي من طول الصورة شو المشكلة؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟بربك رد

  • June 17, 2021 at 12:21
    Permalink

    how doesn't work background-size cover use with hem this code background-position: center center;

    background-repeat: no-repeat

  • June 17, 2021 at 12:21
    Permalink

    ال مشتغلش معاه الصور يتاكد background-image: url("); من مكان ملف الصور background-image: url("../img/image-name.jpg");

  • June 17, 2021 at 12:21
    Permalink

    ياريت يكون في عدة دروس على موضوع السلايدر. كيفية عمله باكثر من طريقة . بخلاق حجم الصورة. مع امكانية عملها لاحقا مع كود php لان اذا عملتها بطريقة الباكرجروند كيف رح غيرها عن طريق php?

  • June 17, 2021 at 12:21
    Permalink

    اخي كيف تتم اضافة الممزيد من الصور؟ حاولت اني اضيف صور لكن السلايدر وقف وما اشتغل, بيشتغل فقط ازا كانو 3 صور, شكرا

  • June 17, 2021 at 12:21
    Permalink

    يعطيك العافية بس ليه لما اخلي الاسهم الي عاليمين والشمال بظهرو تحت ال overlay مش فوقه ؟؟

  • June 17, 2021 at 12:21
    Permalink

    التريكايه حلوة بس لما عملت
    background-attachment: fixed;
    كانت حسيتها الشكل بقا احسن لما بتصغر شوية , يمكن مش تبع التمبلت بس قولت اجرب :"D

  • June 17, 2021 at 12:21
    Permalink

    ممكن تواجه مشاكل عند عمل تصغير للشاشه علشان تشوف شاشة الموبايل هيكون شكل الصور ازاى وهو ان
    السلايدر بيكبر عن طول الشاشه حل المشكله دى انك تعمل ف ملف الجيكويرى
    $(window).resize(function () {
    var winH = $(window).height(),
    upperH = $(".upper-bar").innerHeight(),
    navH = $(".navbar").innerHeight();
    $(".slide, .carousel-item").height(winH – (upperH + navH));
    });
    وشكر خاص للبشمهندس اسامه اللى فضله بعد الله علينا والله

  • June 17, 2021 at 12:21
    Permalink

    جزاك الله الف خير .. ومتعك بالصحة والعافية ..
    اخي العزيز انا بشتغل علي محرر الفيجوال ستديو 2015 بس ال -webkitيظهر انها ما بتشتغل او في مشكلة وين لا ادري الصور لاتظهر .. الكروسول بيظهر في الكروم لكن المشكلة اين .. لك الف تحية … علي كل حال الف الف شكر

  • June 17, 2021 at 12:21
    Permalink

    بس بالنسبة لعرض الصورة كيف ممكن نفس الصورة لما اصغر الشاشة تصغر بشكل يتناسب مع الشاشة
    ولا لازم عند ك لميديا كويري احط صورة بمقاسات تانية ؟

  • June 17, 2021 at 12:21
    Permalink

    مساء الخير
    هل يوجد مقاس معين للصور
    استخدمت أكثر من مقاس
    الصور تظهر ناقصة و المشكلة واجهتها كثير

  • June 17, 2021 at 12:21
    Permalink

    هل طول window مكن يتغير من غير ما أعمل تحجيم ليه؟؟؟؟ المشكل إنو window عندي عادي يعطيني 669px و لما أضع slider يصبح طول window ما 991px

Leave a Reply