عفوا استاذ اسامة .. مو الاصدار السابق بس تحط الكود الجاهز وتنزل الصور ليش بهاد الاصدار صار بدك تكود السلايدر بايدك .. يعني بالبوتستراب القديم كان اسهل بكتير الشغلة بس تشيل المارجن من فوق او تحت وتنزل الصور ويمشي الحال … ارجو الرد ؟؟
ههههههههههههه دوخت قبل ما ادخل الدرس ده عشان اظبط الحته دى لحد ما زهقت.لان الناف بوزشن ريلاتف ومش نافعه خالص بخصيه الاستيكى توب زى ما كان فى النسخه الى فاتت. جزاك الله عنا كل خير
30 responses to “Bootstrap 4 Theme 1 in Arabic #06 – Header Part 3 – Slider Create Area”
الكود بتاع js للاسف مش شغال معايا
دا ترتيب الأكود
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
ممكن حد يقولي فين المشكلة
لو حد محتاج يعملها بال 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`;
يعني يا استاذ الله يسامحك بس دخلت بل js füök lh jövğdkh şdt fükh ksüüud ögh tıljkd ad wvgd shum yl hjuf öhüöv pjn uvtj şdt hsüud
عفوا استاذ اسامة .. مو الاصدار السابق بس تحط الكود الجاهز وتنزل الصور ليش بهاد الاصدار صار بدك تكود السلايدر بايدك .. يعني بالبوتستراب القديم كان اسهل بكتير الشغلة بس تشيل المارجن من فوق او تحت وتنزل الصور ويمشي الحال … ارجو الرد ؟؟
لو حد مش فاهم جي كويرى و لكنه عارف الدوم ممكن يعمل الموضوع ده ب الدوم عادى جدا ب كود زى ده
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';
من 2020 الطريقة لا تعمل
السلام عليكم الاخ اسامة لما اصغر الصفحة الزر الخاص بالناف بار لا يشتغل مع انني غيرت المتصفح وراجعت الكود
اسم الموقع اللى احنا شغالين عليه عشان احمل الصور لو سمحت
ليه منحددش ال height بال css
كل اما اذود حاجة من تحت زي ال features مثلا ارتفاع الصور بتاعت ال slides يذيد وكل اما اذود حاجة يذيد اكتر اعمل اي عشان المشكلة دي
من لم يعمل معهم كود ال jQuery…
لاتنسوا اذراج ملف main.js في ملف html
<script src="js/main.js"></script>
ياريت حد يساعدني
كاتب الكود صح ومش راضي يشتغل
$(function (){
'use strict';
// Adjust Silder Height
var winH = $( window).Height(),
upperH = $('.upper-bar').innerHeight(),
navH = $('.navbar').innerHeight();
$('.silder').height(winH – (upperH + navH));
});
السلام عليكم
انا الكود كاتبه زي ما حضرتك عامله بالضبط وما اشتغل مع العلم اني استخدم jquary 3.4.1 & Bootstrap 4.3.1
زادكم الله من فضله.. ووفقكم..
لم تشتغل .. ممكن يساعدني أحد ؟
طلعلي scroll في width ايه الحل وجزاك الله خير على حهودك
the height doesn't work for me
مساحة ال text مش عايزة تضبط عندي مع ان الكود صح
thanke you you are the best
بالنسبة للفرق بين
Height & innerHeight
https://www.texelate.co.uk/blog/jquery-whats-the-difference-between-height-innerheight-and-outerheight
بجدول بسيط مشروح الفرق
جزاك الله خير اخ اسامة الغالي
بجد حقيقي ربنا يبارك فيك مستر اسامه
مش عايز تشتغل معايا المعادله
بارك الله فيك …
قسم بالله جننتني …
<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
الله يباركلك يامستر أسامة
ههههههههههههه دوخت قبل ما ادخل الدرس ده عشان اظبط الحته دى لحد ما زهقت.لان الناف بوزشن ريلاتف ومش نافعه خالص بخصيه الاستيكى توب زى ما كان فى النسخه الى فاتت.
جزاك الله عنا كل خير
تسلم ياهندسه ..
معادله الجى كويرى واضحه وسهله جدا .. ربنا يعزك
الله يباركلك يارب مش عارف اقولك ايه انا كنت بلف لفة ام العروسة عشان اظبط height 😀
الدروس الي في ال play list مش مترتبه صح
ديما مبدع
بنشكرك على كورساتك ونصائح الغالية
وجزاك الله عنا خير الجزاء