Bootstrap 4 Theme 1 in Arabic #06 – Header Part 3 – Slider Create Area


[ad_1]
https://i.ytimg.com/vi/ZjZCPSd5ze8/hqdefault.jpg



Header Part 3 – Slider Create Area

Original source


30 responses to “Bootstrap 4 Theme 1 in Arabic #06 – Header Part 3 – Slider Create Area”

  1. لو حد محتاج يعملها بال js
    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`;

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

  3. لو حد مش فاهم جي كويرى و لكنه عارف الدوم ممكن يعمل الموضوع ده ب الدوم عادى جدا ب كود زى ده

    let allHeight = window.innerHeight;

    let nav=document.getElementById('nav').clientHeight;

    let upper = document.getElementById('upper').clientHeight;

    document.getElementById('slider').style.height=(allHeight-(nav+upper))+'px';

  4. ياريت حد يساعدني
    كاتب الكود صح ومش راضي يشتغل
    $(function (){

    'use strict';

    // Adjust Silder Height

    var winH = $( window).Height(),

    upperH = $('.upper-bar').innerHeight(),

    navH = $('.navbar').innerHeight();

    $('.silder').height(winH – (upperH + navH));

    });

  5. السلام عليكم
    انا الكود كاتبه زي ما حضرتك عامله بالضبط وما اشتغل مع العلم اني استخدم jquary 3.4.1 & Bootstrap 4.3.1

  6. قسم بالله جننتني …
    <script src="js/main.js"></script> =1
    <script src="js/jquery-3.2.1.js"></script>=2
    <script src="js/popper.min.js"></script>=3
    <script src="js/bootstrap.min.js"></script>=4
    يطلع لي في الكونسول خطاء
    main.js:1 Uncaught ReferenceError: $ is not defined
    بعد تعب وتفكير وتحليل طلعت المشكله في الترتيب هههههههههههههههه
    =======================================
    <script src="js/jquery-3.2.1.js"></script>=2
    <script src="js/popper.min.js"></script>=3
    <script src="js/bootstrap.min.js"></script>=4
    <script src="js/main.js"></script> =1

  7. ههههههههههههه دوخت قبل ما ادخل الدرس ده عشان اظبط الحته دى لحد ما زهقت.لان الناف بوزشن ريلاتف ومش نافعه خالص بخصيه الاستيكى توب زى ما كان فى النسخه الى فاتت.
    جزاك الله عنا كل خير

Leave a Reply