我需要將貓頭鷹旋轉木馬添加到我的網站。
我按照說明使用了默認主題以及css。
它工作完美。然後突然(沒有改變代碼)的默認主題停止工作(在導航上沒有主題)...
我一直在努力解決它,但我失去了我的想法...我甚至還原變化指向我在哪裏肯定它的工作!
而且它不是瀏覽器,因爲我甚至上傳它在我的服務器...貓頭鷹旋轉木馬 - 主題CSS不適用
我的代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Light Coorporation - Photo</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<!-- Bootstrap Core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="../js/jquery.js" language="javascript"></script>
<script src="../js/jquery-ui.js" language="javascript"></script>
<script src="../js/jquery.stellar.js" language="javascript"> </script>
<script src="../js/global.min.js" language="javascript"></script>
<script src="../js/bootstrap.min.js" language="javascript"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/owl.custom.min.js"></script>
<link href="../css/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" href="../css/owl.theme.default.min.css">
</head>
<body>
<?php include '../include/fixed_menu.php' ?>
<br><br><br><br><br><br>
<div class="container ">
<div class="owl-carousel owl-slider-custom">
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
<div class="item"><img src="../images/murmur.jpg"></div>
</div>
</div>
<br><br>
</body>
</html>
和JS:
$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop:true,
margin:15,
center: true,
merge: true,
responsiveClass:true,
autoWidth: true,
responsive:{
0:{
items:1,
mergeFit: true,
nav:true
},
600:{
items:1,
mergeFit: true,
nav:true
},
1000:{
items:1,
mergeFit: true,
nav:true
}
}
});
});
這似乎不可思議,它用來工作一段時間,然後停止...
任何幫助將會感謝。
祝福!
演示: 「http://bez-granic.eu/lc/photo/」
我們很難在沒有看到該網站的情況下提供幫助。控制檯中有任何404錯誤? – isherwood
這很奇怪。可能相關:當我在Chrome中刷新頁面時,輪播無法正確初始化 - 所有圖像都堆疊在一列中。沒有錯誤報告。 – isherwood
我也注意到了。我在代碼中犯了錯嗎? – sirKaskadir