油滑的旋轉木馬不格式化

我試圖讓四張照片在旋轉木馬上自動播放，但Slick沒有格式化照片或任何東西。有人能告訴我我做錯了什麼，我能做些什麼來解決它？油滑的旋轉木馬不格式化

<!DOCTYPE html> 
 

 
<head> 
 
<meta charset="UTF-8"> 
 

 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/> 
 

 
<style> 
 
photo-show { 
 
\t width: 40%; 
 
} 
 
</style> 
 

 

 
</head> 
 

 
<body> 
 

 
<div class="photo-show"> 
 
<div><img src="./src/cat1.jpg" alt=""></div> 
 
<div><img src="./src/cat2.jpg" alt=""></div> 
 
<div><img src="./src/cat3.jpg" alt=""></div> 
 
<div><img src="./src/cat4.jpg" alt=""></div> 
 
</div> 
 

 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script> 
 

 
<script type="text/javascript"> 
 
    $(document).ready(function(){ 
 
     $('.photo-show').slick({ 
 
     slidesToShow: 4, 
 
     slidesToScroll: 1, 
 
     autoplay: true, 
 
     autoplaySpeed: 2000, 
 
     }); 
 
    }); 
 
</script> 
 

 

 
</body>

來源

2016-04-03 Ulmer

什麼意思是「格式化照片或任何東西」 – jono

你想如何格式化照片？加載或顯示破碎的圖像？ – Scott

這裏製作一個猜測，它看起來像你想的樣式應用到您的油滑的照片。你的CSS是錯誤的，不會格式化你的任何圖像。

試試這個CSS來代替：我添加了一個

<style> 
.photo-show img { 
    width: 40%; 
} 
</style>

的通知「」之前photo-show和特定img，以便您可以在您的photo-show容器中設置風格。

來源

2016-04-04 02:07:59 Scott

油滑的旋轉木馬不格式化

回答

相關問題