Slick Carousel Nicht formatieren

Ich versuche, vier Fotos automatisch auf dem Karussell durchzuspielen, aber Slick formatiert die Fotos nicht. Könnte mir jemand zeigen, was ich falsch mache und was ich tun kann, um es zu reparieren?Slick Carousel Nicht formatieren

<!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>

Quelle

2016-04-03 Ulmer

Was meinen Sie mit "Formatieren der Fotos oder irgendetwas" – jono

Wie möchten Sie die Fotos formatiert? Sind das Laden oder das Zeigen von beschädigten Bildern? – Scott

eine Vermutung hier zu machen, sieht es aus wie Sie einen Stil für Ihre Slick Fotos anzuwenden versuchen. Ihr CSS ist falsch und würde keines Ihrer Bilder formatieren.

Versuchen Sie, diese CSS statt: ""

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

Beachten Sie, dass ich hinzugefügt vor photo-show und spezifischen img, so dass Sie Ihre Bilder in Ihrem photo-show Container stilisieren können.

Quelle

2016-04-04 02:07:59 Scott

Antwort

Verwandte Themen