ผมมี ไฟล์ แนบให้ดู ครับ ช่วยแนะนำผมทีนะครับ อันนี้ 1. code html
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Slick</title>
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="collection-slick-slider multiple-items">
<div class="item">
<img src="Image/1.jpg" alt="">
</div>
<div class="item">
<img src="Image/2.jpg" alt="">
</div>
<div class="item">
<img src="Image/3.jpg" alt="">
</div>
<div class="item">
<img src="Image/4.jpg" alt="">
</div>
<div class="item">
<img src="Image/5.jpg" alt="">
</div>
<div class="item">
<img src="Image/6.jpg" alt="">
</div>
<div class="item">
<img src="Image/7.jpg" alt="">
</div>
</div>
<script src="js/slick.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
โค้ด: เลือกทั้งหมด
.collection-slick-slider {
display: flex;
}
.collection-slick-slider .item{
width: 350px;
height: 250px;
margin: 50px;
}
.collection-slick-slider .item img{
width: 350px;
height: 250px;
}
โค้ด: เลือกทั้งหมด
$(function () {
$('.multiple-items').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
});
});