รบกวนสอบถามครับ จะทำให้ ภาพสไลด์ แบบมีลูกศรกด ด้านข้างทำยังไง ครับ
ผมมี ไฟล์ แนบให้ดู ครับ ช่วยแนะนำผมทีนะครับ[attachment=0]Test.rar[/attachment]
อันนี้ 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>
อันนี้ 2. Code Style.css
.collection-slick-slider {
display: flex;
}
.collection-slick-slider .item{
width: 350px;
height: 250px;
margin: 50px;
}
.collection-slick-slider .item img{
width: 350px;
height: 250px;
}อันนี้ 3. Code Custom.js
$(function () {
$('.multiple-items').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
});
});ตัว Code ใน custom เอามาจากเว็บ http://kenwheeler.github.io/slick/ ครับ