Bu kod Daha Öncesinde Çalışıyor idi. şuanda resimler ve yazılar sliderın olması gerektiği yerinde gözükmüyor.hatayı bulamadım derleyicide yazıları gösteriyordu. bu arada aynı slider sitenin farklı sayfasında yarım bir şekilde gözüküyor <div class="owl-carousel owl-theme hero-slider">
<div class="slide slide1">
<div class="container">
<div class="row">
<div class="col-12 text-center text-white">
<h1 style="opacity: 0.6; letter-spacing: 4px;" class="text-white text-uppercase">Güvenlİ Çıkışlar İçİn</h1>
<h1 style="opacity: 0.6; letter-spacing: 4px;" class="text-white text-uppercase">Güçlü Asansör </h1>
</div>
</div>
</div>
</div>
<div class="slide slide2">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 text-white">
<h1 class="display-3 my-4"> <br /></h1>
</div>
</div>
</div>
</div>
<div class="slide slide3">
<div class="container">
<div class="row">
<div class="col-12 text-center text-white">
<h1 style="opacity: 0.7; letter-spacing: 4px;" class="text-white text-uppercase">Güvenlİ Çıkışlar İçİn</h1>
<h1 style="opacity: 0.7; letter-spacing: 4px;" class="text-white text-uppercase">Güçlü Asansör </h1>
</div>
</div>
</div>
</div>
</div> /* slide */
.slide {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.slide1 {
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slide2 {
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina2.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slide3 {
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slide .display-3 {
text-transform: upperslide1se;
color: #fff;
}
$(document).ready(function () {
//Owl
$('.hero-slider').owlCarousel({
loop: true,
margin: 0,
items: 1,
dots: false,
navText: ['<', '>'],
smartSpeed: 1000,
autoplay: true,
autoplayTimeout: 7000,
responsive: {
0: {
nav: false,
},
768: {
nav: true,
}
}
})