油滑的旋转木马不格式化

我试图让四张照片在旋转木马上自动播放，但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

油滑的旋转木马不格式化

回答

相关问题