slick 슬라이더 autoplay 시간을 각각 설정할수있나요? 첫장은 10초 2장은 5초 이런식으로요.. 각각
본문
slick 슬라이더 autoplay 시간을 각각 설정할수있나요?
첫장은 10초 2장은 5초 이런식으로요.. 각각
답변 3
<script>
$(function() {
$s = $(".slider");
$s.slick({
autoplay: true,
autoplaySpeed: 1000,
dots: false,
infinite: true,
slidesToShow: true,
prevArrow: false,
nextArrow: false,
}).on("afterChange", function(e, s) {
var time = $(s.$slides.get(s.currentSlide)).data("time");
$s.slick("setOption", "autoplaySpeed", time);
});
});
</script>
<div class="slider">
<div data-time="500">나는 0.5초 후에...</div>
<div data-time="4000">나는 4초 후에...</div>
<div data-time="1000">나는 1초 후에...</div>
<div data-time="1000">나는 1초 후에...</div>
</div>
순정엔 없고 별도 수정을 통해 가능은 할것 같습니다.
슬라이더 로드시 해당 인덱스 카운트 후 지연을 주는 방식으로..
https://www.inflearn.com/blogs/3749
위 예제중에서 마지막 부분 참고하셔서 제작하시면될것 같네요.
이해가 안되시면 의뢰로...
충분히 가능합니다.
저 같으면 아래처럼 자바스크립트 배열로 만들어서 대응시킬 것 같네요.
secTime = [10, 5, 7, 3];
답변을 작성하시기 전에 로그인 해주세요.