Bootstrap 4 Theme 1 in Arabic #07 – Header Part 4 – Add Slider Images



https://i.ytimg.com/vi/YXmGXCd4Y9w/hqdefault.jpg



Header Part 4 – Add Slider Images

Original source


28 responses to “Bootstrap 4 Theme 1 in Arabic #07 – Header Part 4 – Add Slider Images”

  1. 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`;

    });

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

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

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

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

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

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

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

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

Leave a Reply